chore: clean up dead UI code and regenerate schema

- Remove non-functional search bar, notifications and settings buttons from header
- Remove leftover console.log and unused useAttrs import in sidebar
- Remove unused scoped CSS in computers/index.vue (Tailwind-only template)
- Regenerate database/schema.ts after running migrations locally
- Ignore .serena/ local tooling directory
- Refresh package-lock.json after npm install

inertia/pages/computers/index.vue

@@ -44,85 +44,3 @@ defineProps<{ computers: any[] }>()
     </div>
   </div>
 </template>
-
-<style scoped>
-.computers-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
-
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 2rem;
-}
-
-.computers-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 2rem;
-}
-
-.computer-card {
-  border: 1px solid #e5e7eb;
-  border-radius: 0.5rem;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.card-image {
-  width: 100%;
-  height: 200px;
-  background-color: #f3f4f6;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.card-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.no-image {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #9ca3af;
-}
-
-.card-content {
-  padding: 1rem;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.card-content h3 {
-  margin: 0 0 0.5rem 0;
-  font-size: 1.125rem;
-}
-
-.card-content p {
-  color: #6b7280;
-  margin: 0 0 1rem 0;
-  flex: 1;
-}
-
-.card-meta {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 1rem;
-  font-size: 0.875rem;
-  color: #6b7280;
-}
-
-.empty-state {
-  text-align: center;
-  padding: 4rem 2rem;
-}
-</style>

inertia/pages/layout/header.vue

@@ -16,33 +16,9 @@ const user = computed(() => {
 
 <template>
   <header
-    class="flex justify-between items-center px-10 h-16 bg-white ml-64 w-[calc(100%-16rem)] fixed top-0 right-0 z-40 border-b border-outline-variant shadow-sm"
+    class="flex justify-end items-center px-10 h-16 bg-white ml-64 w-[calc(100%-16rem)] fixed top-0 right-0 z-40 border-b border-outline-variant shadow-sm"
   >
-    <div
-      class="flex items-center gap-4 bg-surface-container-low px-4 py-2 rounded-lg border border-outline-variant w-96 focus-within:ring-2 focus-within:ring-primary transition-all"
-    >
-      <span class="material-symbols-outlined text-on-surface-variant">search</span>
-      <input
-        class="bg-transparent border-none focus:ring-0 focus:outline-none text-body-sm font-body-sm w-full p-0"
-        placeholder="Search builds..."
-        type="text"
-      />
-    </div>
-
     <div class="flex items-center gap-6">
-      <button
-        class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all"
-      >
-        <span class="material-symbols-outlined">notifications</span>
-      </button>
-      <button
-        class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all"
-      >
-        <span class="material-symbols-outlined">settings</span>
-      </button>
-
-      <div class="h-8 w-px bg-outline-variant mx-2"></div>
-
       <div
         class="relative flex items-center gap-3 cursor-pointer group"
         @click="dropdownOpen = !dropdownOpen"

inertia/pages/layout/sidebar.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, useAttrs } from 'vue'
+import { ref } from 'vue'
 import { useSidebar } from '~/composables/useSidebar'
 import { Link } from '@adonisjs/inertia/vue'
 import { siteIcon } from '~/assets/icons'
@@ -9,8 +9,6 @@ const activeClass = ref('bg-gray-600/25 text-gray-100 border-gray-100')
 const inactiveClass = ref(
   'border-gray-900 text-gray-500 hover:bg-gray-600/25 hover:text-gray-100'
 )
-const route = useAttrs()
-console.log(route)
 </script>
 
 <template>