add: top bar icons, menu styling

src/components/button/NightModeSwitch.tsx

@@ -2,13 +2,13 @@ import React from 'react'
 
 type Props = {
     
-} & React.InputHTMLAttributes<HTMLInputElement>;
+} & React.InputHTMLAttributes<HTMLDivElement>;
 
 export default function NightModeSwitch({ checked, onClick }: Props) {
     return (
-        <input
+        <div
             onClick={onClick}
-            className={`visual-switch relative inline-flex justify-between px-1.5 h-6 w-11 items-center rounded-full transition-colors duration-300 ${checked ? "bg-green-500" : "bg-gray-300"
+            className={`visual-switch relative  inline-flex justify-between px-1.5 h-6 w-10.5 items-center rounded-full transition-colors duration-300 ${checked ? "bg-gray-800" : "bg-gray-300"
                 }`}
         >
             A
@@ -17,6 +17,6 @@ export default function NightModeSwitch({ checked, onClick }: Props) {
                     }`}
             />
             B
-        </input>
+        </div>
     )
 }