refactor: restructure settings

refactor: migrate react components

apps/client/src/views/editor/Editor.tsx

@@ -40,7 +40,7 @@ export default function Editor() {
     if (isSettingsOpen) {
       close();
     } else {
-      setLocation('project');
+      setLocation('settings');
     }
   }, [close, isSettingsOpen, setLocation]);
 
@@ -54,12 +54,7 @@ export default function Editor() {
         <IconButton aria-label='Toggle navigation' variant='subtle-white' size='xlarge' onClick={handler.open}>
           <IoApps />
         </IconButton>
-        <IconButton
-          aria-label='Toggle settings'
-          variant={isSettingsOpen ? 'subtle' : 'subtle-white'}
-          size='xlarge'
-          onClick={toggleSettings}
-        >
+        <IconButton aria-label='Toggle settings' variant='subtle-white' size='xlarge' onClick={toggleSettings}>
           {isSettingsOpen ? <IoClose /> : <IoSettingsOutline />}
         </IconButton>
       </EditorOverview>

apps/client/src/views/editor/welcome/Welcome.tsx

@@ -74,7 +74,7 @@ export default function Welcome({ onClose }: WelcomeProps) {
           <div className={style.column}>
             <div className={style.header}>
               Welcome to Ontime
-              <IconButton variant='subtle-white'>
+              <IconButton aria-label='close welcome modal' variant='subtle-white'>
                 <IoClose />
               </IconButton>
             </div>

apps/client/src/views/editor/welcome/composite/ImportProjectButton.tsx

@@ -4,7 +4,6 @@
  */
 
 import { ChangeEvent, useRef } from 'react';
-import { Input } from '@chakra-ui/react';
 
 import { uploadProjectFile } from '../../../../common/api/db';
 import { invalidateAllCaches } from '../../../../common/api/utils';
@@ -41,7 +40,7 @@ export default function ImportProjectButton({ onFinish }: ImportProjectButtonPro
 
   return (
     <>
-      <Input
+      <input
         ref={fileInputRef}
         style={{ display: 'none' }}
         type='file'