Polish onboarding, invoices, and time clock while promoting the first registrant to admin.

Refresh onboarding wizard and shell, tighten invoice edit/detail flows, align timer widgets with the redesigned clock panel, and assign admin role on first signup.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/lib/branding.ts

@@ -1,5 +1,5 @@
 import { env } from "~/env";
-import { defaultColorMode, type ColorMode } from "~/lib/appearance";
+import { type ColorMode } from "~/lib/appearance";
 
 export type { ColorMode, PdfTemplate } from "~/lib/appearance";
 export {
@@ -39,3 +39,17 @@ export const brand = {
   logoText: env.NEXT_PUBLIC_BRAND_LOGO_TEXT ?? "beenvoice",
   icon: env.NEXT_PUBLIC_BRAND_ICON ?? "$",
 };
+
+/** Split logo text for the `$ been` / `voice` styling used in Logo and OG images. */
+export function splitLogoText(logoText: string) {
+  const voiceIndex = logoText.toLowerCase().indexOf("voice");
+
+  if (voiceIndex > 0) {
+    return [logoText.slice(0, voiceIndex), logoText.slice(voiceIndex)] as const;
+  }
+
+  return [
+    logoText.slice(0, Math.ceil(logoText.length / 2)),
+    logoText.slice(Math.ceil(logoText.length / 2)),
+  ] as const;
+}