feat: add ultracite (#452)

* Init ultracite

* Update scripts and biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Run format

apps/web/src/constants/actions.ts

@@ -191,7 +191,7 @@ export function isActionBound(action: Action): boolean {
 export function useActionHandler<A extends Action>(
   action: A,
   handler: ActionFunc<A>,
-  isActive: MutableRefObject<boolean> | boolean | undefined = undefined
+  isActive: MutableRefObject<boolean> | boolean | undefined
 ) {
   const handlerRef = useRef(handler);
   const [isBound, setIsBound] = useState(false);

apps/web/src/constants/font-constants.ts

@@ -1,79 +1,79 @@
-export interface FontOption {
-  value: string;
-  label: string;
-  category: "system" | "google" | "custom";
-  weights?: number[];
-  hasClassName?: boolean;
-}
-
-export const FONT_OPTIONS: FontOption[] = [
-  // System fonts (always available)
-  { value: "Arial", label: "Arial", category: "system", hasClassName: false },
-  {
-    value: "Helvetica",
-    label: "Helvetica",
-    category: "system",
-    hasClassName: false,
-  },
-  {
-    value: "Times New Roman",
-    label: "Times New Roman",
-    category: "system",
-    hasClassName: false,
-  },
-  {
-    value: "Georgia",
-    label: "Georgia",
-    category: "system",
-    hasClassName: false,
-  },
-
-  // Google Fonts (loaded in layout.tsx)
-  {
-    value: "Inter",
-    label: "Inter",
-    category: "google",
-    weights: [400, 700],
-    hasClassName: true,
-  },
-  {
-    value: "Roboto",
-    label: "Roboto",
-    category: "google",
-    weights: [400, 700],
-    hasClassName: true,
-  },
-  {
-    value: "Open Sans",
-    label: "Open Sans",
-    category: "google",
-    hasClassName: true,
-  },
-  {
-    value: "Playfair Display",
-    label: "Playfair Display",
-    category: "google",
-    hasClassName: true,
-  },
-  {
-    value: "Comic Neue",
-    label: "Comic Neue",
-    category: "google",
-    hasClassName: false,
-  },
-] as const;
-
-export const DEFAULT_FONT = "Arial";
-
-// Type-safe font family union
-export type FontFamily = (typeof FONT_OPTIONS)[number]["value"];
-
-// Helper functions
-export const getFontByValue = (value: string): FontOption | undefined =>
-  FONT_OPTIONS.find((font) => font.value === value);
-
-export const getGoogleFonts = (): FontOption[] =>
-  FONT_OPTIONS.filter((font) => font.category === "google");
-
-export const getSystemFonts = (): FontOption[] =>
-  FONT_OPTIONS.filter((font) => font.category === "system");
+export interface FontOption {
+  value: string;
+  label: string;
+  category: "system" | "google" | "custom";
+  weights?: number[];
+  hasClassName?: boolean;
+}
+
+export const FONT_OPTIONS: FontOption[] = [
+  // System fonts (always available)
+  { value: "Arial", label: "Arial", category: "system", hasClassName: false },
+  {
+    value: "Helvetica",
+    label: "Helvetica",
+    category: "system",
+    hasClassName: false,
+  },
+  {
+    value: "Times New Roman",
+    label: "Times New Roman",
+    category: "system",
+    hasClassName: false,
+  },
+  {
+    value: "Georgia",
+    label: "Georgia",
+    category: "system",
+    hasClassName: false,
+  },
+
+  // Google Fonts (loaded in layout.tsx)
+  {
+    value: "Inter",
+    label: "Inter",
+    category: "google",
+    weights: [400, 700],
+    hasClassName: true,
+  },
+  {
+    value: "Roboto",
+    label: "Roboto",
+    category: "google",
+    weights: [400, 700],
+    hasClassName: true,
+  },
+  {
+    value: "Open Sans",
+    label: "Open Sans",
+    category: "google",
+    hasClassName: true,
+  },
+  {
+    value: "Playfair Display",
+    label: "Playfair Display",
+    category: "google",
+    hasClassName: true,
+  },
+  {
+    value: "Comic Neue",
+    label: "Comic Neue",
+    category: "google",
+    hasClassName: false,
+  },
+] as const;
+
+export const DEFAULT_FONT = "Arial";
+
+// Type-safe font family union
+export type FontFamily = (typeof FONT_OPTIONS)[number]["value"];
+
+// Helper functions
+export const getFontByValue = (value: string): FontOption | undefined =>
+  FONT_OPTIONS.find((font) => font.value === value);
+
+export const getGoogleFonts = (): FontOption[] =>
+  FONT_OPTIONS.filter((font) => font.category === "google");
+
+export const getSystemFonts = (): FontOption[] =>
+  FONT_OPTIONS.filter((font) => font.category === "system");

apps/web/src/constants/site.ts

@@ -1,11 +1,11 @@
 export const SITE_URL = "https://opencut.app";
 
 export const SITE_INFO = {
-    title: "OpenCut",
-    description:
-      "A simple but powerful video editor that gets the job done. In your browser.",
-    url: SITE_URL,
-    openGraphImage: "/open-graph/default.jpg",
-    twitterImage: "/open-graph/default.jpg",
-    favicon: "/favicon.ico",
-  };
+  title: "OpenCut",
+  description:
+    "A simple but powerful video editor that gets the job done. In your browser.",
+  url: SITE_URL,
+  openGraphImage: "/open-graph/default.jpg",
+  twitterImage: "/open-graph/default.jpg",
+  favicon: "/favicon.ico",
+};