fixing the forgot password import

Author: tnylea

resources/css/app.css

@@ -31,7 +31,7 @@
         --radius: 0.5rem;
         --sidebar-background: 0 0% 98%;
         --sidebar-foreground: 240 5.3% 26.1%;
-        --sidebar-primary: 240 5.9% 10%;
+        --sidebar-primary: 240 0% 10%;
         --sidebar-primary-foreground: 0 0% 98%;
         --sidebar-accent: 240 4.8% 95.9%;
         --sidebar-accent-foreground: 240 5.9% 30%;
@@ -83,4 +83,4 @@
     body {
         @apply bg-background text-foreground;
     }
-}
+}

resources/js/layouts/app-layout.tsx

@@ -2,19 +2,16 @@ import { AppHeader } from '@/components/app-header';
 import { AppShell } from '@/components/app-shell';
 import { AppSidebar } from '@/components/app-sidebar';
 import { type BreadcrumbItem } from '@/types';
-
-// For the sidebar inset variant, uncomment the import line below and replace <main> with <SidebarInset>
-// If you are not using the sidebar inset, remove these comments and keep the default layout.
-//import { SidebarInset } from '@/components/ui/sidebar';
+import { SidebarInset } from '@/components/ui/sidebar';
 
 export default function App({ children, breadcrumbs = [] }: { children: React.ReactNode; breadcrumbs?: BreadcrumbItem[] }) {
     return (
         <AppShell>
             <AppSidebar />
-            <main>
+            <SidebarInset>
                 <AppHeader breadcrumbs={breadcrumbs} />
                 {children}
-            </main>
+            </SidebarInset>
         </AppShell>
     );
 }

resources/js/pages/auth/forgot-password.tsx

@@ -4,7 +4,7 @@ import { LoaderCircle } from 'lucide-react';
 import { FormEventHandler } from 'react';
 
 import InputError from '@/components/input-error';
-import { TextLink } from '@/components/text-link';
+import TextLink from '@/components/text-link';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';