feat: add ultracite (#452)

* Init ultracite

* Update scripts and biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Update biome.jsonc

* Run format

3 files changed, 88 insertions, 88 deletions

diff --git a/apps/web/src/constants/actions.ts b/apps/web/src/constants/actions.ts
index 5f1883f1..4278ce7e 100644
--- a/apps/web/src/constants/actions.ts
+++ b/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);
diff --git a/apps/web/src/constants/font-constants.ts b/apps/web/src/constants/font-constants.ts
index bfddc182..a1c4e4d5 100644
--- a/apps/web/src/constants/font-constants.ts
+++ b/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");
diff --git a/apps/web/src/constants/site.ts b/apps/web/src/constants/site.ts
index efbc2b58..f47f6470 100644
--- a/apps/web/src/constants/site.ts
+++ b/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",
-  };
\ No newline at end of file
+  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",
+};