Misc fixed and lightmode improvements

src/pages/Extensions/Info.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 
-import { m } from 'framer-motion';
 import JSONPretty from 'react-json-pretty';
 
 import { useAppSelector } from '@app/hooks/useAppSelector';
@@ -17,20 +16,17 @@ export const Info = (): JSX.Element => {
   );
 
   return (
-    <div className="flex w-full flex-grow select-none flex-col gap-4 p-4">
-      <m.div
-        whileHover={{ scale: 1.01 }}
-        className="flex w-full flex-col gap-4 rounded-md p-8 shadow-md dark:bg-primaryDark"
-      >
+    <div className="flex h-full flex-col gap-4 p-4 md:flex-row">
+      <div className="flex w-full flex-col gap-4 rounded-md bg-white p-8 shadow-md dark:bg-primaryDark md:w-1/4">
         <div className="m-auto">
           <Hashicon value={hardwareInfo.myNodeNum.toString()} size={180} />
         </div>
         <div className="text-center text-lg font-medium dark:text-white">
           {node?.user?.longName || 'Unknown'}
         </div>
-      </m.div>
+      </div>
 
-      <div className="flex-grow rounded-md p-8 shadow-md dark:bg-primaryDark">
+      <div className="flex-grow rounded-md bg-white p-8 shadow-md  dark:bg-primaryDark">
         <JSONPretty className="overflow-y-auto" data={hardwareInfo} />
       </div>
     </div>