Add live clock to top bar

src/app/(site)/login/page.tsx

@@ -12,6 +12,7 @@ import { siteSettings } from "@/lib/services/site-settings";
 import { ThemeSwitcher } from "@/components/theme-switcher";
 import { LanguageSwitcher } from "@/components/language-switcher";
 import { Reveal } from "@/components/motion-reveal";
+import { Clock } from "@/components/clock";
 
 export default async function LoginPage() {
 	const t = await getTranslations("pages.login");
@@ -79,6 +80,8 @@ export default async function LoginPage() {
 						)}
 						<LanguageSwitcher />
 						<div className="w-px h-5" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
+						<Clock />
+						<div className="w-px h-5" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
 						<ThemeSwitcher />
 					</div>
 				</div>

src/app/(site)/page.tsx

@@ -15,6 +15,7 @@ import { ThemeSwitcher } from "@/components/theme-switcher";
 import { LanguageSwitcher } from "@/components/language-switcher";
 import { HomeLoginForm } from "@/components/auth/home-login-form";
 import { Reveal } from "@/components/motion-reveal";
+import { Clock } from "@/components/clock";
 
 export const revalidate = 120;
 
@@ -105,6 +106,8 @@ export default async function Home() {
 						)}
 						<LanguageSwitcher />
 						<div className="w-px h-5" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
+						<Clock />
+						<div className="w-px h-5" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
 						<ThemeSwitcher />
 					</div>
 				</div>

src/app/(site)/register/page.tsx

@@ -12,6 +12,7 @@ import { siteSettings } from "@/lib/services/site-settings";
 import { ThemeSwitcher } from "@/components/theme-switcher";
 import { LanguageSwitcher } from "@/components/language-switcher";
 import { Reveal } from "@/components/motion-reveal";
+import { Clock } from "@/components/clock";
 
 export default async function RegisterPage() {
 	const th = await getTranslations("header");
@@ -79,6 +80,8 @@ export default async function RegisterPage() {
 						)}
 						<LanguageSwitcher />
 						<div className="w-px h-5" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
+						<Clock />
+						<div className="w-px h-5" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
 						<ThemeSwitcher />
 					</div>
 				</div>