style updates, and attemp to fix all red bug

package.json

@@ -50,6 +50,7 @@
 		"globals": "^16.0.0",
 		"husky": "^8.0.0",
 		"jsdom": "^26.0.0",
+		"supabase": "^2.33.9",
 		"lint-staged": "^16.1.2",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",

src/app.css

@@ -228,4 +228,23 @@ a {
 /* override button for event calendar */
 .ec-dayGridMonth, .ec-today {
 	display: none !important;
+}
+
+/* in your global CSS (e.g. app.css), *after* the Tailwind layers */
+input[type="date"]::-webkit-calendar-picker-indicator {
+  /* position relative to the <input> */
+  position: absolute;
+  top: 50%;
+  right: 0.5rem;           /* tweak to exactly your taste */
+  transform: translateY(-50%);
+  /* keep it clickable: */
+  pointer-events: all;
+}
+
+/* if you need Firefox support (Gecko), you can also add: */
+input[type="date"]::-moz-calendar-picker-indicator {
+  position: absolute;
+  top: 50%;
+  right: 0.5rem;
+  transform: translateY(-50%);
 }

src/hooks.server.ts

@@ -6,6 +6,7 @@ import { createClient } from '@supabase/supabase-js';
 const PUBLIC_ROUTES = [
 	'/offline.html',
 	'/auth', // All routes under /auth/
+	'/legal',
 	'/api/auth', // Only authentication-related API routes
 	'/api/webhook', // Webhook endpoints (authenticated via webhook signatures)
 	'/static', // All static assets

src/lib/components/DataCard/DataCard.svelte

@@ -63,7 +63,7 @@
 
 		<!-- Value -->
 		<p
-			class="m-0 {isMetadata ? 'text-base font-medium' : 'mb-0 text-2xl font-bold'}"
+			class="m-0 {isMetadata ? 'text-base font-medium' : 'mb-0 text-3xl font-bold'}"
 			style:color={textColor}
 		>
 			{#if typeof value === 'number'}

src/lib/components/Header.svelte

@@ -11,6 +11,7 @@
 	import MaterialIcon from './UI/icons/MaterialIcon.svelte';
 	import { sidebarStore } from '$lib/stores/SidebarStore.svelte';
 	import LanguageSelector from './UI/form/LanguageSelector.svelte';
+	import SiteWideRefreshButton from './SiteWideRefreshButton.svelte';
 
 	let { userName } = $props();