restructure files onto electron-vite boilerplate

src/renderer/features/settings/components/settings-header.tsx

@@ -2,10 +2,12 @@ import { Flex, Group } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
 import { useTranslation } from 'react-i18next';
 import { RiSettings2Fill } from 'react-icons/ri';
-import { Button, ConfirmModal, PageHeader, SearchInput } from '/@/renderer/components';
-import { LibraryHeaderBar } from '/@/renderer/features/shared';
+
 import { useSettingsStoreActions } from '../../../store/settings.store';
+
+import { Button, ConfirmModal, PageHeader, SearchInput } from '/@/renderer/components';
 import { useSettingSearchContext } from '/@/renderer/features/settings/context/search-context';
+import { LibraryHeaderBar } from '/@/renderer/features/shared';
 import { useContainerQuery } from '/@/renderer/hooks';
 
 export type SettingsHeaderProps = {
@@ -52,15 +54,15 @@ export const SettingsHeader = ({ setSearch }: SettingsHeaderProps) => {
                         <Group>
                             <SearchInput
                                 defaultValue={search}
-                                openedWidth={cq.isMd ? 250 : cq.isSm ? 200 : 150}
                                 onChange={(event) =>
                                     setSearch(event.target.value.toLocaleLowerCase())
                                 }
+                                openedWidth={cq.isMd ? 250 : cq.isSm ? 200 : 150}
                             />
                             <Button
                                 compact
-                                variant="default"
                                 onClick={openResetConfirmModal}
+                                variant="default"
                             >
                                 {t('common.resetToDefault', { postProcess: 'sentenceCase' })}
                             </Button>