feat(ui): complete Phase 4.3 - profile edit form save buttons

- Student profile: wrap Save Changes button with blue PixelCard (speed=16, gap=10)
- Preceptor profile: wrap Update Profile button with pink PixelCard (speed=16, gap=10)
- Emphasizes primary action buttons without overwhelming the form
- Pink variant maintains preceptor brand identity vs blue for students
- Professional parameters appropriate for healthcare forms

Part of React Bits UI enhancement - Phase 4 Forms & Intake Flows COMPLETE

Author: apex-ai-net

app/dashboard/preceptor/profile/page.tsx

@@ -10,9 +10,9 @@ import { Badge } from '@/components/ui/badge'
 import { Separator } from '@/components/ui/separator'
 import { useQuery, useMutation, useAction, usePaginatedQuery } from '@/lib/supabase-hooks'
 import {
-  User, 
-  // Mail, 
-  // Phone, 
+  User,
+  // Mail,
+  // Phone,
   MapPin,
   Stethoscope,
   Building,
@@ -24,6 +24,7 @@ import {
   AlertCircle
 } from 'lucide-react'
 import Link from 'next/link'
+import PixelCard from '@/components/react-bits/pixel-card'
 
 interface PreceptorProfile {
   personalInfo: {
@@ -332,12 +333,14 @@ export default function PreceptorProfile() {
               <CardTitle className="text-base">Account</CardTitle>
             </CardHeader>
             <CardContent className="space-y-3">
-              <Button variant="outline" size="sm" className="w-full justify-start" asChild>
-                <Link href="/preceptor-intake">
-                  <Edit className="h-4 w-4 mr-2" />
-                  Update Profile
-                </Link>
-              </Button>
+              <PixelCard variant="pink" speed={16} gap={10} noFocus={false}>
+                <Button variant="outline" size="sm" className="w-full justify-start" asChild>
+                  <Link href="/preceptor-intake">
+                    <Edit className="h-4 w-4 mr-2" />
+                    Update Profile
+                  </Link>
+                </Button>
+              </PixelCard>
               <Button variant="outline" size="sm" className="w-full justify-start" asChild>
                 <Link href="/dashboard/preceptor/schedule">
                   <Calendar className="h-4 w-4 mr-2" />

app/dashboard/student/profile/page.tsx

@@ -30,15 +30,16 @@ import {
   SelectTrigger,
   SelectValue
 } from '@/components/ui/select'
-import { 
-  User, 
-  GraduationCap, 
+import {
+  User,
+  GraduationCap,
   Edit2,
   Save,
   Camera,
   Loader2
 } from 'lucide-react'
 import { toast } from 'sonner'
+import PixelCard from '@/components/react-bits/pixel-card'
 
 const DEGREE_TRACK_OPTIONS = ['FNP', 'PNP', 'PMHNP', 'AGNP', 'ACNP', 'WHNP', 'NNP', 'DNP'] as const
 const PROGRAM_FORMAT_OPTIONS = ['online', 'in-person', 'hybrid'] as const
@@ -578,16 +579,18 @@ function StudentProfileContent() {
             <Button variant="ghost" onClick={() => !settingsSaving && setActiveSettingsModal(null)} disabled={settingsSaving}>
               Cancel
             </Button>
-            <Button onClick={handleSettingsSave} disabled={settingsSaving}>
-              {settingsSaving ? (
-                <>
-                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                  Saving
-                </>
-              ) : (
-                'Save changes'
-              )}
-            </Button>
+            <PixelCard variant="blue" speed={16} gap={10} noFocus={false}>
+              <Button onClick={handleSettingsSave} disabled={settingsSaving}>
+                {settingsSaving ? (
+                  <>
+                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                    Saving
+                  </>
+                ) : (
+                  'Save changes'
+                )}
+              </Button>
+            </PixelCard>
           </DialogFooter>
         </DialogContent>
       </Dialog>