Implement Fluid Emerald app redesign

resources/js/pages/projects/settings/Metadata.vue

@@ -51,10 +51,10 @@ const replacementTicketTypes = (ticketTypeId: number) =>
 </script>
 
 <template>
-    <AppLayout :breadcrumbs="breadcrumbs">
+    <AppLayout :breadcrumbs="breadcrumbs" :project="project">
         <Head :title="`${project.name} ticket settings`" />
 
-        <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="app-page">
             <div
                 class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
             >
@@ -121,7 +121,9 @@ const replacementTicketTypes = (ticketTypeId: number) =>
                         Template inheritance: {{ templateState.templateName }}
                     </CardTitle>
                     <CardDescription>
-                        Inherited sections stay synced with the template baseline. Local edits in these settings are treated as project-specific overrides.
+                        Inherited sections stay synced with the template
+                        baseline. Local edits in these settings are treated as
+                        project-specific overrides.
                     </CardDescription>
                 </CardHeader>
                 <CardContent class="flex flex-wrap gap-2">
@@ -699,7 +701,9 @@ const replacementTicketTypes = (ticketTypeId: number) =>
                                     required
                                     placeholder="Blocked by"
                                 />
-                                <InputError :message="errors.counterpart_name" />
+                                <InputError
+                                    :message="errors.counterpart_name"
+                                />
                             </div>
 
                             <Button type="submit" :disabled="processing">
@@ -745,7 +749,9 @@ const replacementTicketTypes = (ticketTypeId: number) =>
                                     <Input
                                         :id="`link-type-counterpart-name-${ticketLinkType.id}`"
                                         name="counterpart_name"
-                                        :default-value="ticketLinkType.counterpart_label"
+                                        :default-value="
+                                            ticketLinkType.counterpart_label
+                                        "
                                         required
                                     />
                                     <InputError