Initial work on SettingLayout #174

resources/js/pages/Achievements.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import Heading from '@/components/Heading.vue';
 import PlaceholderPattern from '../components/PlaceholderPattern.vue';
 import AppLayout from '@/layouts/AppLayout.vue';
 </script>
@@ -7,8 +8,7 @@ import AppLayout from '@/layouts/AppLayout.vue';
 
     <AppLayout title="Erfolge">
         <div>
-            <h1 class="text-xl">Kategorie</h1>
-            <h2 class="text-sm text-neutral-400 mb-4">3 von 10 freigeschaltet</h2>
+            <Heading title="Kategorie" description="3 von 10 freigeschaltet" />
 
             <div class="flex flex-row flex-wrap gap-4">
                 <div v-for="n in 10" class="relative flex flex-col items-center">

resources/js/pages/settings/Profile.vue

@@ -24,7 +24,7 @@ const user = page.props.auth.user;
 </script>
 
 <template>
-    <AppLayout title="Profile settings">
+    <!-- <AppLayout title="Profile settings"> -->
 
         <SettingsLayout>
             <div class="flex flex-col space-y-6">
@@ -81,5 +81,5 @@ const user = page.props.auth.user;
 
             <DeleteUser />
         </SettingsLayout>
-    </AppLayout>
+    <!-- </AppLayout> -->
 </template>