Auth: convert auth views and verification email to Nova layout

resources/views/auth/forgot-password.blade.php

@@ -1,25 +1,28 @@
-<x-guest-layout>
-    <div class="mb-4 text-sm text-gray-600">
-        {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
+@extends('layouts.nova')
+
+@section('content')
+<div class="px-4 py-8 md:px-6 md:py-10">
+    <div class="mx-auto w-full max-w-xl rounded-2xl border border-sb-line bg-panel-dark shadow-sb p-6 md:p-8">
+        <h1 class="text-2xl font-semibold text-white">Reset Password</h1>
+        <p class="mt-2 text-sm text-sb-muted">Enter your email and we'll send a link to reset your password.</p>
+
+        <x-auth-session-status class="mt-4 mb-2 text-green-300" :status="session('status')" />
+
+        <form method="POST" action="{{ route('password.email') }}" class="mt-4">
+            @csrf
+
+            <div>
+                <x-input-label for="email" :value="__('Email')" class="text-sb-muted" />
+                <x-text-input id="email" class="block mt-1 w-full bg-black/20 border-sb-line text-white" type="email" name="email" :value="old('email')" required autofocus />
+                <x-input-error :messages="$errors->get('email')" class="mt-2" />
+            </div>
+
+            <div class="flex items-center justify-end mt-4">
+                <x-primary-button>
+                    {{ __('Email Password Reset Link') }}
+                </x-primary-button>
+            </div>
+        </form>
     </div>
-
-    <!-- Session Status -->
-    <x-auth-session-status class="mb-4" :status="session('status')" />
-
-    <form method="POST" action="{{ route('password.email') }}">
-        @csrf
-
-        <!-- Email Address -->
-        <div>
-            <x-input-label for="email" :value="__('Email')" />
-            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
-            <x-input-error :messages="$errors->get('email')" class="mt-2" />
-        </div>
-
-        <div class="flex items-center justify-end mt-4">
-            <x-primary-button>
-                {{ __('Email Password Reset Link') }}
-            </x-primary-button>
-        </div>
-    </form>
-</x-guest-layout>
+</div>
+@endsection