back and breadcrumbs

src/layouts/DefaultLayout.vue

@@ -4,6 +4,8 @@ import { authClient } from '@/lib/auth-client.ts'
 import { computed, ref } from 'vue'
 import { useTheme } from 'vuetify'
 import ProjectMenu from '@/components/ProjectMenu.vue'
+import AppBreadcrumbs from '@/components/AppBreadcrumbs.vue'
+import BackButton from '@/components/BackButton.vue'
 
 const router = useRouter()
 const session = authClient.useSession()
@@ -140,11 +142,19 @@ const goToSettings = () => {
       </div>
     </v-app-bar>
     <v-main>
-      <v-container :fluid="false">
+      <v-container :fluid="true">
+        <div class="nav-row d-flex align-center ga-2 mb-2">
+          <back-button />
+          <app-breadcrumbs />
+        </div>
         <slot></slot>
       </v-container>
     </v-main>
   </v-layout>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.nav-row:empty {
+  display: none;
+}
+</style>