fix: metadata for views

packages/revert-next/app/dashboard/apikeys/page.tsx

@@ -1,6 +1,11 @@
 import { auth } from '@clerk/nextjs/server';
 import { Clipboard, Header } from '@revertdotdev/components';
 import { fetchAccountDetails } from '@revertdotdev/lib/api';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Revert | API Keys',
+};
 
 export default async function Page() {
     const { userId } = auth();

packages/revert-next/app/dashboard/integrations/config/logs/[appId]/page.tsx

@@ -1,6 +1,11 @@
 import { auth } from '@clerk/nextjs/server';
 import { TabsContent, ListOfRecentApiCalls } from '@revertdotdev/components';
 import { fetchAccountDetails } from '@revertdotdev/lib/api';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Revert | Integrations',
+};
 
 export default async function Page({ params }: { params: { appId: string } }) {
     const { appId } = params;

packages/revert-next/app/dashboard/integrations/config/settings/[appId]/page.tsx

@@ -1,9 +1,14 @@
 import { auth } from '@clerk/nextjs/server';
 import { AppSettings, TabsContent } from '@revertdotdev/components';
 import { fetchAccountDetails } from '@revertdotdev/lib/api';
+import { Metadata } from 'next';
 
 export const revalidate = 0;
 
+export const metadata: Metadata = {
+    title: 'Revert | Integrations',
+};
+
 export default async function Page({ params }: { params: { appId: string } }) {
     const { appId } = params;
     const { userId } = auth();

packages/revert-next/app/dashboard/integrations/page.tsx

@@ -12,6 +12,11 @@ import {
 import { CreatedApplications, ApplicationCards } from '@revertdotdev/components';
 import { Icons } from '@revertdotdev/icons';
 import { fetchAccountDetails } from '@revertdotdev/lib/api';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Revert | Integrations',
+};
 
 export default async function Page() {
     const { userId } = auth();

packages/revert-next/app/dashboard/onboarding/FrontendSdk.tsx

@@ -2,7 +2,6 @@ import { Icons } from '@revertdotdev/icons';
 import { inter } from '@revertdotdev/fonts';
 import { cn } from '@revertdotdev/utils';
 import { useState } from 'react';
-import Image from 'next/image';
 import FrontendSDKContent from './FrontendSDKContent';
 
 export function FrontendSdk({ userId, environment }: { userId: string; environment: string }) {
@@ -37,7 +36,7 @@ export function FrontendSdk({ userId, environment }: { userId: string; environme
                     onClick={() => (!customPreferenceView ? setCustomPreferenceView(true) : null)}
                 >
                     <div className="flex items-start justify-start gap-3">
-                        <Image src="/vuejs-icon.svg" alt="Vuejs" height={24} width={24} />
+                        <img src="/vuejs-icon.svg" alt="Vuejs" height={24} width={24} />
                         <div className="flex flex-col gap-1">
                             <h4 className="text-left text-gray-50/70 text-base font-bold">Vue.js</h4>
                         </div>

packages/revert-next/app/dashboard/onboarding/layout.tsx

@@ -1,5 +1,10 @@
+import { Metadata } from 'next';
 import '../../globals.css';
 
+export const metadata: Metadata = {
+    title: 'Revert | Onboarding',
+};
+
 export default function OnBoardingLayout({
     children,
 }: Readonly<{

packages/revert-next/components/ui/sidenav/SideNav.tsx

@@ -1,10 +1,9 @@
 import Link from 'next/link';
 import { OnboardingNavLink, EnvironmentMode, NavLinks } from '@revertdotdev/components';
-import { BookOpenIcon } from '@revertdotdev/icons';
+import { BookOpenIcon, Icons } from '@revertdotdev/icons';
 import { UserButton } from '@clerk/nextjs';
 import { AccountResponseSchema } from '@revertdotdev/types/schemas/accountSchema';
 import { User } from '@clerk/nextjs/dist/types/server';
-import Image from 'next/image';
 
 type SideNavProps = {
     value: {
@@ -21,8 +20,8 @@ export function SideNav({ value }: SideNavProps) {
     return (
         <div className="flex h-full flex-col px-3 py-4">
             <div className="mb-4 flex items-center justify-start">
-                <Image src="/logo-revert.png" alt="Revert Logo" height="48" width="48" />
-                <p className="text-gray-50 font-medium text-sm ml-1">{account.workspaceName}</p>
+                <Icons.revert />
+                <p className="text-gray-50 font-medium text-sm ml-2">{account.workspaceName}</p>
             </div>
             <div className="mb-2 h-14">
                 <OnboardingNavLink />