Refactor data table components for improved styling consistency

- Removed unnecessary background color from the data table toolbar for a cleaner look.
- Updated text color in sortable table headers to enhance readability and maintain a cohesive theme.
- Adjusted padding and border styles in user page components for better alignment and visual consistency.

web/src/lib/components/data-table/data-table-toolbar.svelte

@@ -13,7 +13,7 @@
 
 <div
 	class={cn(
-		'flex flex-wrap items-center justify-between gap-2 border-b border-border bg-muted/30 px-3 py-2',
+		'flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2',
 		className
 	)}
 >