feat: add context menu component and update dropdown, select styles

- Implemented a new ContextMenu component with various subcomponents for better UI interaction.
- Updated DropdownMenu and Select components to include hover effects for improved user experience.
- Enhanced global styles with new CSS variables for better theming and consistency across components.

src/main/router/index.ts

@@ -166,6 +166,13 @@ const projectsRouter = router({
       db.delete(projects).where(eq(projects.id, input.id)).run();
       return { success: true as const };
     }),
+
+  archiveByClient: publicProcedure
+    .input(z.object({ clientId: z.string(), status: z.enum(['active', 'archived']) }))
+    .mutation(({ input }) => {
+      getDb().update(projects).set({ status: input.status }).where(eq(projects.clientId, input.clientId)).run();
+      return { success: true as const };
+    }),
 });
 
 const tasksRouter = router({