restructure files onto electron-vite boilerplate

src/renderer/features/shared/components/order-toggle-button.tsx

@@ -1,6 +1,7 @@
 import { ButtonProps } from '@mantine/core';
 import { useTranslation } from 'react-i18next';
 import { RiSortAsc, RiSortDesc } from 'react-icons/ri';
+
 import { SortOrder } from '/@/renderer/api/types';
 import { Button, Tooltip } from '/@/renderer/components';
 
@@ -10,7 +11,7 @@ interface OrderToggleButtonProps {
     sortOrder: SortOrder;
 }
 
-export const OrderToggleButton = ({ sortOrder, onToggle, buttonProps }: OrderToggleButtonProps) => {
+export const OrderToggleButton = ({ buttonProps, onToggle, sortOrder }: OrderToggleButtonProps) => {
     const { t } = useTranslation();
     return (
         <Tooltip
@@ -23,9 +24,9 @@ export const OrderToggleButton = ({ sortOrder, onToggle, buttonProps }: OrderTog
             <Button
                 compact
                 fw="600"
+                onClick={onToggle}
                 size="md"
                 variant="subtle"
-                onClick={onToggle}
                 {...buttonProps}
             >
                 <>