refactor: restructure footer in prep for clickable version

Author: xendarboh

src/components/Footer.tsx

@@ -7,13 +7,8 @@ export function Footer() {
   const consoleLines = useStore((s) => s.consoleLines);
 
   return (
-    <footer
-      tabIndex={0}
-      className="collapse collapse-arrow bg-base-200 text-base-content/30 border-t border-base-300 rounded-none"
-    >
-      <input type="checkbox" />
-      <div className="collapse-title flex w-full items-center">
-        <IconCommandLine />
+    <div>
+      <div className="bg-base-200 text-base-content/30 border-t border-base-300 rounded-none flex w-full items-center py-2">
         <div className="mx-auto flex gap-x-4 text-sm">
           <span>ZKNetwork Client</span>
           <span>|</span>
@@ -22,13 +17,19 @@ export function Footer() {
           <span>Platform: {platformArch}</span>
         </div>
       </div>
-      <div className="collapse-content border-t border-base-300 px-4">
-        <div className="flex h-36 flex-col-reverse overflow-y-scroll text-xs sm:text-xs md:text-sm lg:text-base text-base-content/50">
-          {consoleLines.map((v, i) => (
-            <span key={i}>{v}</span>
-          ))}
+      <div className="collapse collapse-arrow bg-base-200 text-base-content/30 border-t border-base-300 rounded-none">
+        <input type="checkbox" />
+        <div className="collapse-title flex w-full items-center">
+          <IconCommandLine />
+        </div>
+        <div className="collapse-content border-t border-base-300 px-4">
+          <div className="flex h-36 flex-col-reverse overflow-y-scroll text-xs sm:text-xs md:text-sm lg:text-base text-base-content/50">
+            {consoleLines.map((v, i) => (
+              <span key={i}>{v}</span>
+            ))}
+          </div>
         </div>
       </div>
-    </footer>
+    </div>
   );
 }