FIX: Navigation from ListItems;

REFACTOR: Format all files;

frontend/src/components/Input/Button.tsx

@@ -23,8 +23,7 @@ const Button: React.FC<ButtonProps> = ({
   );
 };
 
-interface EditButtonProps extends ButtonProps {
-}
+interface EditButtonProps extends ButtonProps {}
 
 export const EditButton: React.FC<EditButtonProps> = ({
   children = "",
@@ -39,7 +38,7 @@ export const EditButton: React.FC<EditButtonProps> = ({
       {children}
     </button>
   );
-};  
+};
 
 interface ToggleButtonProps extends ButtonProps {
   toggled?: boolean;

frontend/src/components/Input/Input.tsx

@@ -11,28 +11,26 @@ const Input: React.FC<InputProps> = ({
   placeholder = "",
   value = "",
   extraClasses = "",
-  onChange = () => { },
-  onKeyDown = () => { },
+  onChange = () => {},
+  onKeyDown = () => {},
   children,
   ...props // all other HTML input props
 }) => {
   return (
     <>
-    <div className="flex flex-col items-center">
-      <input
-        name={name}
-        type={type}
-        placeholder={placeholder}
-        value={value}
-        onChange={onChange}
-        onKeyDown={onKeyDown}
-        {...props}
-        className={`${extraClasses} relative p-2 rounded-[1rem] w-[20vw] focus:w-[22vw] bg-black/40 border border-gray-300 focus:border-purple-500 focus:outline-purple-500 text-center text-white text-xl transition-all`}
-      />
-
-    </div>
+      <div className="flex flex-col items-center">
+        <input
+          name={name}
+          type={type}
+          placeholder={placeholder}
+          value={value}
+          onChange={onChange}
+          onKeyDown={onKeyDown}
+          {...props}
+          className={`${extraClasses} relative p-2 rounded-[1rem] w-[20vw] focus:w-[22vw] bg-black/40 border border-gray-300 focus:border-purple-500 focus:outline-purple-500 text-center text-white text-xl transition-all`}
+        />
+      </div>
     </>
-    
   );
 };