Use static assets instead of fetching from github (#156)

frontend/src/app/scripts/_components/ScriptItems/InterFaces.tsx

@@ -1,8 +1,8 @@
-import { Button, buttonVariants } from "@/components/ui/button";
 import handleCopy from "@/components/handleCopy";
+import { buttonVariants } from "@/components/ui/button";
+import { Script } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import { ClipboardIcon } from "lucide-react";
-import { Script } from "@/lib/types";
 
 const CopyButton = ({
   label,
@@ -11,7 +11,12 @@ const CopyButton = ({
   label: string;
   value: string | number;
 }) => (
-  <span className={cn(buttonVariants({size: "sm", variant: "secondary"}), "flex items-center gap-2")}>
+  <span
+    className={cn(
+      buttonVariants({ size: "sm", variant: "secondary" }),
+      "flex items-center gap-2",
+    )}
+  >
     {value}
     <ClipboardIcon
       onClick={() => handleCopy(label, String(value))}
@@ -20,8 +25,7 @@ const CopyButton = ({
   </span>
 );
 
-export default function InterFaces({item} : {item : Script}) {
-
+export default function InterFaces({ item }: { item: Script }) {
   return (
     <div className="flex flex-col gap-2">
       {item.interface_port !== null ? (
@@ -29,10 +33,7 @@ export default function InterFaces({item} : {item : Script}) {
           <h2 className="mr-2 text-end text-lg font-semibold">
             {"Default Interface:"}
           </h2>{" "}
-          <CopyButton
-            label="default interface"
-            value={item.interface_port}
-          />
+          <CopyButton label="default interface" value={item.interface_port} />
         </div>
       ) : null}
     </div>