feat: init settings

src/components/ServerCard.tsx

@@ -110,7 +110,7 @@ export default function ServerCard({ now, serverInfo }: { now: number; serverInf
             <div className="flex items-center text-xs font-semibold">
               {down >= 1024
                 ? `${(down / 1024).toFixed(2)}G/s`
-                : up >= 1
+                : down >= 1
                   ? `${down.toFixed(2)}M/s`
                   : `${(down * 1024).toFixed(2)}K/s`}
             </div>

src/components/ServerOverview.tsx

@@ -104,11 +104,7 @@ export default function ServerOverview({
             </section>
           </CardContent>
         </Card>
-        <Card
-          className={cn(
-            "hover:ring-purple-500 ring-1 ring-transparent transition-all",
-          )}
-        >
+        <Card className={cn("hover:ring-purple-500 ring-1 ring-transparent transition-all")}>
           <CardContent className="flex h-full items-center relative px-6 py-3">
             <section className="flex flex-col gap-1 w-full">
               <div className="flex items-center w-full justify-between">

src/components/ui/popover.tsx

@@ -0,0 +1,28 @@
+import { cn } from "@/lib/utils"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+import * as React from "react"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-2xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent }