style: format code

src/components/theme-provider.tsx

@@ -1,6 +1,5 @@
 import { createContext, useContext, useEffect, useState } from "react";
 
-
 type Theme =
 	| "dark"
 	| "light"

src/components/ui/skeleton.tsx

@@ -1,15 +1,15 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Skeleton({
-  className,
-  ...props
+	className,
+	...props
 }: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn("animate-pulse rounded-md bg-muted", className)}
-      {...props}
-    />
-  )
+	return (
+		<div
+			className={cn("animate-pulse rounded-md bg-muted", className)}
+			{...props}
+		/>
+	);
 }
 
-export { Skeleton }
+export { Skeleton };

src/components/ui/tooltip.tsx

@@ -1,28 +1,28 @@
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-const TooltipProvider = TooltipPrimitive.Provider
+const TooltipProvider = TooltipPrimitive.Provider;
 
-const Tooltip = TooltipPrimitive.Root
+const Tooltip = TooltipPrimitive.Root;
 
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipTrigger = TooltipPrimitive.Trigger;
 
 const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+	React.ElementRef<typeof TooltipPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
+	<TooltipPrimitive.Content
+		ref={ref}
+		sideOffset={sideOffset}
+		className={cn(
+			"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+			className,
+		)}
+		{...props}
+	/>
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

src/pages/ServiceWorkerError.tsx

@@ -3,28 +3,29 @@ import { Card, CardContent, CardTitle } from "@/components/ui/card";
 import { ShieldX } from "lucide-react";
 
 export default function PageNotFound() {
-  return (
-    <div className="flex flex-col items-center justify-center h-screen">
-      <div className="flex-grow" />
-      <Card className="mx-auto flex flex-col items-center justify-center w-96 h-96">
-        <CardTitle className="mx-auto mb-2 flex flex-col items-center justify-center">
-          <ShieldX className="h-14 w-14" />
-          <h2 className="text-3xl font-semibold mt-2">Service Worker Error</h2>
-        </CardTitle>
-        <CardContent className="mt-8 text-base text-center">
-          Click below to refresh the page. If this page reappears, your browser does not support Service Workers.
-        </CardContent>
-        <CardContent className="mt-4">
-          <Button
-            type="button"
-            onClick={() => window.location.reload()}
-            className="text-muted-background text-black"
-          >
-            Refresh
-          </Button>
-        </CardContent>
-      </Card>
-      <div className="flex-grow" />
-    </div>
-  );
+	return (
+		<div className="flex h-screen flex-col items-center justify-center">
+			<div className="flex-grow" />
+			<Card className="mx-auto flex h-96 w-96 flex-col items-center justify-center">
+				<CardTitle className="mx-auto mb-2 flex flex-col items-center justify-center">
+					<ShieldX className="h-14 w-14" />
+					<h2 className="mt-2 text-3xl font-semibold">Service Worker Error</h2>
+				</CardTitle>
+				<CardContent className="mt-8 text-center text-base">
+					Click below to refresh the page. If this page reappears, your browser
+					does not support Service Workers.
+				</CardContent>
+				<CardContent className="mt-4">
+					<Button
+						type="button"
+						onClick={() => window.location.reload()}
+						className="text-muted-background text-black"
+					>
+						Refresh
+					</Button>
+				</CardContent>
+			</Card>
+			<div className="flex-grow" />
+		</div>
+	);
 }