feat: replace all native selects and date inputs with custom components

src/views/Projects.vue

@@ -92,19 +92,14 @@
           <!-- Client -->
           <div>
             <label class="block text-[0.6875rem] text-text-tertiary uppercase tracking-[0.08em] mb-1.5">Client</label>
-            <select
+            <AppSelect
               v-model="formData.client_id"
-              class="w-full px-3 py-2 bg-bg-inset border border-border-subtle rounded-lg text-[0.8125rem] text-text-primary focus:outline-none focus:border-border-visible"
-            >
-              <option :value="undefined">No client</option>
-              <option
-                v-for="client in clientsStore.clients"
-                :key="client.id"
-                :value="client.id"
-              >
-                {{ client.name }}
-              </option>
-            </select>
+              :options="clientsStore.clients"
+              label-key="name"
+              value-key="id"
+              placeholder="No client"
+              :placeholder-value="undefined"
+            />
           </div>
 
           <!-- Hourly Rate -->
@@ -201,6 +196,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import { FolderKanban } from 'lucide-vue-next'
+import AppSelect from '../components/AppSelect.vue'
 import { useProjectsStore, type Project } from '../stores/projects'
 import { useClientsStore } from '../stores/clients'