Shinigami Script Editor Playground

frontend/src/app/globals.css

@@ -46,5 +46,5 @@ body {
 }
 
 .highlight {
-  background: #008000C0;
+  background: #008000c0;
 }

frontend/src/components/about-modal.tsx

@@ -18,8 +18,12 @@ export const AboutModal: FC<AboutModalProps> = ({ isOpen, onClose }) => (
     handler={onClose}
     className="bg-black w-full"
     nonce={undefined}
-    onResize={() => { }}
-    onResizeCapture={() => { }} placeholder={undefined} onPointerEnterCapture={undefined} onPointerLeaveCapture={undefined}>
+    onResize={() => {}}
+    onResizeCapture={() => {}}
+    placeholder={undefined}
+    onPointerEnterCapture={undefined}
+    onPointerLeaveCapture={undefined}
+  >
     <button
       className="p-1.5 border-2 border-[#00FF5E] rounded-md absolute right-0 bg-[#00FF5E]/10 z-20"
       onClick={onClose}
@@ -31,9 +35,9 @@ export const AboutModal: FC<AboutModalProps> = ({ isOpen, onClose }) => (
       <div className="w-full h-28 bg-[url('/banner.png')] bg-cover bg-no-repeat bg-center" />
       <div className="font-medium">
         <p className="text-white mb-4">
-          Shinigami is a Bitcoin Script library for generic Script VM execution in Cairo,
-          enabling the generation of STARK proofs for Bitcoin Script computation and
-          Bitcoin transaction execution.
+          Shinigami is a Bitcoin Script library for generic Script VM execution
+          in Cairo, enabling the generation of STARK proofs for Bitcoin Script
+          computation and Bitcoin transaction execution.
         </p>
         <ul className="list-disc text-white ml-4">
           <li>Bitcoin Script interpretation and execution</li>

frontend/src/components/footer.tsx

@@ -1,9 +1,9 @@
 export default function Footer() {
-    return (
-        <div className="flex flex-row items-center justify-center pt-5 pb-8 xl:absolute xl:bottom-0">
-            <p className="text-white text-lg uppercase">
-                Shinigami Script Wizard. V.10
-            </p>
-        </div>
-    );
+  return (
+    <div className="flex flex-row items-center justify-center pt-5 pb-8 xl:absolute xl:bottom-0">
+      <p className="text-white text-lg uppercase">
+        Shinigami Script Wizard. V.10
+      </p>
+    </div>
+  );
 }

frontend/src/components/header.tsx

@@ -35,7 +35,9 @@ const MobileMenu: FC<MobileMenuProps> = ({ isOpen, onClose, onOpenModal }) => {
           <Link href="/">
             <div className="flex flex-row items-center justify-center space-x-0.5">
               <Image src={logo} width={35} height={35} alt="Shinigami Logo" />
-              <h6 className="uppercase text-white pl-2 text-lg">Shinigami Script Wizard</h6>
+              <h6 className="uppercase text-white pl-2 text-lg">
+                Shinigami Script Wizard
+              </h6>
             </div>
           </Link>
           <button className="block sm:hidden py-2.5" onClick={onClose}>