feat: add Logs

src/layouts/MainLayout.vue

@@ -95,20 +95,12 @@
           />
         </div>
         <div class="flex min-w-0 items-center gap-2">
-          <Button
-            :icon="theme.isDark.value ? 'pi pi-sun' : 'pi pi-moon'"
-            rounded
-            text
-            severity="secondary"
-            :aria-label="theme.isDark.value ? 'Switch to light mode' : 'Switch to dark mode'"
-            @click="theme.toggle"
-          />
           <UserMenu />
         </div>
       </header>
 
       <main class="flex-1 overflow-auto">
-        <div class="mx-auto h-full w-full max-w-[1200px] p-5 sm:p-7 lg:px-9 lg:py-8">
+        <div class="mx-auto h-full w-full p-5 sm:p-7 lg:px-9 lg:py-8">
           <router-view />
         </div>
       </main>
@@ -118,7 +110,6 @@
 
 <script setup lang="ts">
 import { useAuthStore } from '../stores/auth'
-import { useTheme } from '../composables/useTheme'
 import { getProject, getProjects } from '../services/backend'
 import UserMenu from '../components/UserMenu.vue'
 import type { Project } from '../types'
@@ -126,7 +117,6 @@ import type { Project } from '../types'
 const auth = useAuthStore()
 const route = useRoute()
 const router = useRouter()
-const theme = useTheme()
 
 const desktopMq = window.matchMedia('(min-width: 1024px)')
 const isDesktop = ref(desktopMq.matches)