Fix icons as react components

Author: ch1bo

site/src/components/icons/ArrowRightIcon.tsx

@@ -3,7 +3,7 @@ import type { SVGProps } from "react";
 import { forwardRef, memo, Ref } from "react";
 const ArrowRightIcon = (
   props: SVGProps<SVGSVGElement>,
-  ref: Ref<SVGSVGElement>
+  ref: Ref<SVGSVGElement>,
 ) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -17,9 +17,9 @@ const ArrowRightIcon = (
     <path
       d="M0.75 6.75H12.75M12.75 6.75L6.75 12.75M12.75 6.75L6.75 0.75"
       stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
   </svg>
 );

site/src/components/icons/FileIcon.tsx

@@ -14,8 +14,8 @@ const FileIcon = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
     <path
       d="M8.66699 1.33337H4.00033C3.6467 1.33337 3.30756 1.47385 3.05752 1.7239C2.80747 1.97395 2.66699 2.31309 2.66699 2.66671V13.3334C2.66699 13.687 2.80747 14.0261 3.05752 14.2762C3.30756 14.5262 3.6467 14.6667 4.00033 14.6667H12.0003C12.3539 14.6667 12.6931 14.5262 12.9431 14.2762C13.1932 14.0261 13.3337 13.687 13.3337 13.3334V6.00004M8.66699 1.33337L13.3337 6.00004M8.66699 1.33337V6.00004H13.3337"
       stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
   </svg>
 );