style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/ui/bento-grid.tsx

@@ -1,8 +1,7 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { ArrowRightIcon } from "@radix-ui/react-icons";
-
-import { cn } from "@/lib/utils";
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
 interface BentoGridProps extends ComponentPropsWithoutRef<"div"> {
   children: ReactNode;
@@ -26,7 +25,7 @@ const BentoGrid = ({ children, className, ...props }: BentoGridProps) => {
         "grid w-full gap-6",
         "grid-cols-1 md:grid-cols-3",
         "auto-rows-[minmax(280px,auto)]",
-        className
+        className,
       )}
       style={{
         gridTemplateColumns: "1fr 2fr",
@@ -60,7 +59,7 @@ const BentoCard = ({
       // dark styles
       "dark:bg-background dark:border-border/50",
       "dark:shadow-sm dark:hover:shadow-xl",
-      className
+      className,
     )}
     {...props}
   >