Refactor AccountLayout and Appearance components for improved UI. Remove redundant labels and enhance button functionality to display processing state during form submission.

resources/js/layouts/AccountLayout.vue

@@ -29,7 +29,7 @@ const navItems = [
 </script>
 
 <template>
-    <AdminLayout title="Akun">
+    <AdminLayout>
         <div class="space-y-6">
             <div class="space-y-1">
                 <h2 class="text-2xl font-bold tracking-tight">

resources/js/pages/admin/account/Appearance.vue

@@ -77,7 +77,6 @@ function submit() {
                     <FieldSet>
                         <FieldGroup>
                             <Field>
-                                <FieldLabel>Mode Tampilan</FieldLabel>
                                 <RadioGroup :model-value="form.appearance" class="grid gap-3"
                                     @update:model-value="onAppearanceChange">
                                     <Label v-for="option in options" :key="option.value"
@@ -107,15 +106,15 @@ function submit() {
                             </Field>
                         </FieldGroup>
                     </FieldSet>
-
-                    <div class="mt-6 flex justify-end">
-                        <Button type="submit" :disabled="form.processing">
-                            <Save class="size-4" />
-                            Simpan Tampilan
-                        </Button>
-                    </div>
                 </CardContent>
             </Card>
+
+            <div class="flex items-center justify-end gap-2 mt-6">
+                <Button type="submit" :disabled="form.processing">
+                    <Save class="size-4" />
+                    {{ form.processing ? 'Menyimpan...' : 'Simpan' }}
+                </Button>
+            </div>
         </form>
     </AccountLayout>
 </template>