build ok,

03_source/frontend/src/_mock/_calendar.ts

@@ -1,4 +1,4 @@
-import { info, error, primary, success, warning, secondary } from 'src/theme/core';
+import { error, info, primary, secondary, success, warning } from 'src/theme/core';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/_mock/_files.ts

@@ -1,5 +1,5 @@
 import { _mock } from './_mock';
-import { _tags, _fileNames } from './assets';
+import { _fileNames, _tags } from './assets';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/_mock/_invoice.ts

@@ -1,8 +1,7 @@
-import { fSub, fAdd } from 'src/utils/format-time';
-
+import { fAdd, fSub } from 'src/utils/format-time';
 import { _mock } from './_mock';
-import { _tags } from './assets';
 import { _addressBooks } from './_others';
+import { _tags } from './assets';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/_mock/_mock.ts

@@ -1,36 +1,34 @@
-import { fSub } from 'src/utils/format-time';
-
 import { CONFIG } from 'src/global-config';
-
+import { fSub } from 'src/utils/format-time';
 import {
-  _id,
   _ages,
-  _roles,
-  _prices,
-  _emails,
-  _ratings,
-  _nativeS,
-  _nativeM,
-  _nativeL,
-  _percents,
   _booleans,
-  _sentences,
-  _lastNames,
-  _fullNames,
-  _tourNames,
-  _jobTitles,
-  _taskNames,
-  _fileNames,
-  _postTitles,
-  _firstNames,
-  _eventNames,
-  _courseNames,
-  _fullAddress,
   _companyNames,
-  _productNames,
-  _descriptions,
-  _phoneNumbers,
   _countryNames,
+  _courseNames,
+  _descriptions,
+  _emails,
+  _eventNames,
+  _fileNames,
+  _firstNames,
+  _fullAddress,
+  _fullNames,
+  _id,
+  _jobTitles,
+  _lastNames,
+  _nativeL,
+  _nativeM,
+  _nativeS,
+  _percents,
+  _phoneNumbers,
+  _postTitles,
+  _prices,
+  _productNames,
+  _ratings,
+  _roles,
+  _sentences,
+  _taskNames,
+  _tourNames,
 } from './assets';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/_mock/_overview.ts

@@ -1,7 +1,5 @@
-import { today } from 'src/utils/format-time';
-
 import { CONFIG } from 'src/global-config';
-
+import { today } from 'src/utils/format-time';
 import { _mock } from './_mock';
 
 // APP

03_source/frontend/src/actions/product.ts

@@ -1,4 +1,3 @@
-//
 // src/actions/product.ts
 //
 import { useMemo } from 'react';

03_source/frontend/src/assets/icons/plan-starter-icon.tsx

@@ -1,8 +1,6 @@
 import type { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { memo } from 'react';
-
 import SvgIcon from '@mui/material/SvgIcon';
+import { memo } from 'react';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/assets/illustrations/server-error-illustration.tsx

@@ -1,11 +1,7 @@
 import type { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { memo } from 'react';
-
 import SvgIcon from '@mui/material/SvgIcon';
-
+import { memo } from 'react';
 import { CONFIG } from 'src/global-config';
-
 import { BackgroundShape } from './background-shape';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/components/form-divider.tsx

@@ -1,6 +1,5 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-
 import Divider from '@mui/material/Divider';
+import type { SxProps, Theme } from '@mui/material/styles';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/components/form-head.tsx

@@ -1,5 +1,4 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 

03_source/frontend/src/auth/components/form-resend-code.tsx

@@ -1,5 +1,4 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 

03_source/frontend/src/auth/components/form-return-link.tsx

@@ -1,10 +1,7 @@
 import type { LinkProps } from '@mui/material/Link';
-
 import Link from '@mui/material/Link';
-
-import { RouterLink } from 'src/routes/components';
-
 import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/components/form-socials.tsx

@@ -1,8 +1,6 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
-
 import { Iconify } from 'src/components/iconify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/components/sign-up-terms.tsx

@@ -1,5 +1,4 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 

03_source/frontend/src/auth/context/amplify/action.tsx

@@ -1,20 +1,19 @@
 import type {
-  SignUpInput,
-  SignInInput,
-  ConfirmSignUpInput,
-  ResetPasswordInput,
-  ResendSignUpCodeInput,
   ConfirmResetPasswordInput,
+  ConfirmSignUpInput,
+  ResendSignUpCodeInput,
+  ResetPasswordInput,
+  SignInInput,
+  SignUpInput,
 } from 'aws-amplify/auth';
-
 import {
-  signIn as _signIn,
-  signUp as _signUp,
-  signOut as _signOut,
-  confirmSignUp as _confirmSignUp,
-  resetPassword as _resetPassword,
-  resendSignUpCode as _resendSignUpCode,
   confirmResetPassword as _confirmResetPassword,
+  confirmSignUp as _confirmSignUp,
+  resendSignUpCode as _resendSignUpCode,
+  resetPassword as _resetPassword,
+  signIn as _signIn,
+  signOut as _signOut,
+  signUp as _signUp,
 } from 'aws-amplify/auth';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/amplify/auth-provider.tsx

@@ -1,14 +1,11 @@
 import { Amplify } from 'aws-amplify';
-import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
 import { fetchAuthSession, fetchUserAttributes } from 'aws-amplify/auth';
-
-import axios from 'src/lib/axios';
+import { useSetState } from 'minimal-shared/hooks';
+import { useCallback, useEffect, useMemo } from 'react';
 import { CONFIG } from 'src/global-config';
-
-import { AuthContext } from '../auth-context';
-
+import axios from 'src/lib/axios';
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/auth-context.tsx

@@ -1,5 +1,4 @@
 import { createContext } from 'react';
-
 import type { AuthContextValue } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/auth0/auth-provider.tsx

@@ -1,11 +1,8 @@
 import type { AppState } from '@auth0/auth0-react';
-
-import { useAuth0, Auth0Provider } from '@auth0/auth0-react';
-import { useMemo, useState, useEffect, useCallback } from 'react';
-
-import axios from 'src/lib/axios';
+import { Auth0Provider, useAuth0 } from '@auth0/auth0-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { CONFIG } from 'src/global-config';
-
+import axios from 'src/lib/axios';
 import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/firebase/action.ts

@@ -1,16 +1,15 @@
-import { doc, setDoc, collection } from 'firebase/firestore';
 import {
-  signOut as _signOut,
-  signInWithPopup as _signInWithPopup,
-  GoogleAuthProvider as _GoogleAuthProvider,
+  createUserWithEmailAndPassword as _createUserWithEmailAndPassword,
   GithubAuthProvider as _GithubAuthProvider,
-  TwitterAuthProvider as _TwitterAuthProvider,
+  GoogleAuthProvider as _GoogleAuthProvider,
   sendEmailVerification as _sendEmailVerification,
   sendPasswordResetEmail as _sendPasswordResetEmail,
   signInWithEmailAndPassword as _signInWithEmailAndPassword,
-  createUserWithEmailAndPassword as _createUserWithEmailAndPassword,
+  signInWithPopup as _signInWithPopup,
+  signOut as _signOut,
+  TwitterAuthProvider as _TwitterAuthProvider,
 } from 'firebase/auth';
-
+import { collection, doc, setDoc } from 'firebase/firestore';
 import { AUTH, FIRESTORE } from 'src/lib/firebase';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/firebase/auth-provider.tsx

@@ -1,14 +1,11 @@
-import { doc, getDoc } from 'firebase/firestore';
 import { onAuthStateChanged } from 'firebase/auth';
+import { doc, getDoc } from 'firebase/firestore';
 import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useMemo } from 'react';
 import axios from 'src/lib/axios';
 import { AUTH, FIRESTORE } from 'src/lib/firebase';
-
-import { AuthContext } from '../auth-context';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/jwt/action.ts

@@ -1,7 +1,6 @@
 import axios, { endpoints } from 'src/lib/axios';
-
-import { setSession } from './utils';
 import { JWT_STORAGE_KEY } from './constant';
+import { setSession } from './utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/jwt/auth-provider.tsx

@@ -1,13 +1,10 @@
 import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useMemo } from 'react';
 import axios, { endpoints } from 'src/lib/axios';
-
-import { JWT_STORAGE_KEY } from './constant';
-import { AuthContext } from '../auth-context';
-import { setSession, isValidToken } from './utils';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
+import { JWT_STORAGE_KEY } from './constant';
+import { isValidToken, setSession } from './utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/jwt/utils.ts

@@ -1,7 +1,5 @@
-import { paths } from 'src/routes/paths';
-
 import axios from 'src/lib/axios';
-
+import { paths } from 'src/routes/paths';
 import { JWT_STORAGE_KEY } from './constant';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/context/supabase/action.tsx

@@ -1,15 +1,13 @@
 import type {
   AuthError,
   AuthResponse,
-  UserResponse,
   AuthTokenResponsePassword,
   SignInWithPasswordCredentials,
   SignUpWithPasswordCredentials,
+  UserResponse,
 } from '@supabase/supabase-js';
-
-import { paths } from 'src/routes/paths';
-
 import { supabase } from 'src/lib/supabase';
+import { paths } from 'src/routes/paths';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/context/supabase/auth-provider.tsx

@@ -1,12 +1,9 @@
 import { useSetState } from 'minimal-shared/hooks';
-import { useMemo, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useMemo } from 'react';
 import axios from 'src/lib/axios';
 import { supabase } from 'src/lib/supabase';
-
-import { AuthContext } from '../auth-context';
-
 import type { AuthState } from '../../types';
+import { AuthContext } from '../auth-context';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/guard/auth-guard.tsx

@@ -1,12 +1,8 @@
-import { useState, useEffect } from 'react';
-
-import { paths } from 'src/routes/paths';
-import { useRouter, usePathname } from 'src/routes/hooks';
-
-import { CONFIG } from 'src/global-config';
-
+import { useEffect, useState } from 'react';
 import { SplashScreen } from 'src/components/loading-screen';
-
+import { CONFIG } from 'src/global-config';
+import { usePathname, useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
 import { useAuthContext } from '../hooks';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/guard/guest-guard.tsx

@@ -1,11 +1,7 @@
-import { useState, useEffect } from 'react';
-
-import { useSearchParams } from 'src/routes/hooks';
-
-import { CONFIG } from 'src/global-config';
-
+import { useEffect, useState } from 'react';
 import { SplashScreen } from 'src/components/loading-screen';
-
+import { CONFIG } from 'src/global-config';
+import { useSearchParams } from 'src/routes/hooks';
 import { useAuthContext } from '../hooks';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/guard/role-based-guard.tsx

@@ -1,13 +1,9 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-
-import { m } from 'framer-motion';
-
 import Container from '@mui/material/Container';
+import type { SxProps, Theme } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
-
+import { m } from 'framer-motion';
 import { ForbiddenIllustration } from 'src/assets/illustrations';
-
-import { varBounce, MotionContainer } from 'src/components/animate';
+import { MotionContainer, varBounce } from 'src/components/animate';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/hooks/use-auth-context.ts

@@ -1,5 +1,4 @@
 import { use } from 'react';
-
 import { AuthContext } from '../context/auth-context';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/amplify/amplify-reset-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
+import { useForm } from 'react-hook-form';
 import { PasswordIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
-import { resetPassword } from '../../context/amplify';
+import { Field, Form } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { FormReturnLink } from '../../components/form-return-link';
+import { resetPassword } from '../../context/amplify';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/amplify/amplify-sign-in-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { useAuthContext } from '../../hooks';
-import { getErrorMessage } from '../../utils';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { signInWithPassword } from '../../context/amplify';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/amplify/amplify-sign-up-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { getErrorMessage } from '../../utils';
-import { signUp } from '../../context/amplify';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { SignUpTerms } from '../../components/sign-up-terms';
+import { signUp } from '../../context/amplify';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/amplify/amplify-update-password-view.tsx

@@ -1,25 +1,20 @@
-import { z as zod } from 'zod';
-import { useCallback } from 'react';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useBoolean, useCountdownSeconds } from 'minimal-shared/hooks';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter, useSearchParams } from 'src/routes/hooks';
-
+import { useBoolean, useCountdownSeconds } from 'minimal-shared/hooks';
+import { useCallback } from 'react';
+import { useForm } from 'react-hook-form';
 import { SentIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
+import { useRouter, useSearchParams } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { FormReturnLink } from '../../components/form-return-link';
 import { FormResendCode } from '../../components/form-resend-code';
+import { FormReturnLink } from '../../components/form-return-link';
 import { resetPassword, updatePassword } from '../../context/amplify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/amplify/amplify-verify-view.tsx

@@ -1,22 +1,17 @@
-import { z as zod } from 'zod';
-import { useCallback } from 'react';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useCountdownSeconds } from 'minimal-shared/hooks';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-import { useRouter, useSearchParams } from 'src/routes/hooks';
-
+import { useCountdownSeconds } from 'minimal-shared/hooks';
+import { useCallback } from 'react';
+import { useForm } from 'react-hook-form';
 import { EmailInboxIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { useRouter, useSearchParams } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { FormReturnLink } from '../../components/form-return-link';
 import { FormResendCode } from '../../components/form-resend-code';
+import { FormReturnLink } from '../../components/form-return-link';
 import { confirmSignUp, resendSignUpCode } from '../../context/amplify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/auth-demo/centered/centered-reset-password-view.tsx

@@ -1,16 +1,11 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-
+import { useForm } from 'react-hook-form';
 import { PasswordIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormReturnLink } from '../../../components/form-return-link';
 

03_source/frontend/src/auth/view/auth-demo/centered/centered-sign-in-view.tsx

@@ -1,24 +1,20 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-
-import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useForm } from 'react-hook-form';
 import { AnimateLogoRotate } from 'src/components/animate';
-
+import { Field, Form } from 'src/components/hook-form';
+import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormDivider } from '../../../components/form-divider';
 import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
-import { FormDivider } from '../../../components/form-divider';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/auth-demo/centered/centered-sign-up-view.tsx

@@ -1,24 +1,20 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-
-import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useForm } from 'react-hook-form';
 import { AnimateLogoRotate } from 'src/components/animate';
-
+import { Field, Form } from 'src/components/hook-form';
+import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormDivider } from '../../../components/form-divider';
 import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
-import { FormDivider } from '../../../components/form-divider';
 import { SignUpTerms } from '../../../components/sign-up-terms';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/auth/view/auth-demo/centered/centered-update-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-
+import { useBoolean } from 'minimal-shared/hooks';
+import { useForm } from 'react-hook-form';
 import { SentIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormResendCode } from '../../../components/form-resend-code';
 import { FormReturnLink } from '../../../components/form-return-link';

03_source/frontend/src/auth/view/auth-demo/centered/centered-verify-view.tsx

@@ -1,16 +1,11 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-
+import { useForm } from 'react-hook-form';
 import { EmailInboxIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormResendCode } from '../../../components/form-resend-code';
 import { FormReturnLink } from '../../../components/form-return-link';

03_source/frontend/src/auth/view/auth-demo/split/split-reset-password-view.tsx

@@ -1,16 +1,11 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-
+import { useForm } from 'react-hook-form';
 import { PasswordIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormReturnLink } from '../../../components/form-return-link';
 

03_source/frontend/src/auth/view/auth-demo/split/split-sign-in-view.tsx

@@ -1,23 +1,19 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
+import { RouterLink } from 'src/routes/components';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormDivider } from '../../../components/form-divider';
 import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
-import { FormDivider } from '../../../components/form-divider';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/auth-demo/split/split-sign-up-view.tsx

@@ -1,22 +1,18 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { FormHead } from '../../../components/form-head';
+import { RouterLink } from 'src/routes/components';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormDivider } from '../../../components/form-divider';
+import { FormHead } from '../../../components/form-head';
 import { FormSocials } from '../../../components/form-socials';
 import { SignUpTerms } from '../../../components/sign-up-terms';
 

03_source/frontend/src/auth/view/auth-demo/split/split-update-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-
+import { useBoolean } from 'minimal-shared/hooks';
+import { useForm } from 'react-hook-form';
 import { SentIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
 import { FormResendCode } from '../../../components/form-resend-code';
 import { FormReturnLink } from '../../../components/form-return-link';

03_source/frontend/src/auth/view/auth-demo/split/split-verify-view.tsx

@@ -1,19 +1,14 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-
+import { useForm } from 'react-hook-form';
 import { EmailInboxIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../../components/form-head';
-import { FormReturnLink } from '../../../components/form-return-link';
 import { FormResendCode } from '../../../components/form-resend-code';
+import { FormReturnLink } from '../../../components/form-return-link';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/auth0/auth0-sign-in-view.tsx

@@ -1,14 +1,11 @@
-import { useCallback } from 'react';
 import { useAuth0 } from '@auth0/auth0-react';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import Typography from '@mui/material/Typography';
-
-import { useSearchParams } from 'src/routes/hooks';
-
+import { useCallback } from 'react';
 import { CONFIG } from 'src/global-config';
+import { useSearchParams } from 'src/routes/hooks';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-reset-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
+import { useForm } from 'react-hook-form';
 import { PasswordIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { sendPasswordResetEmail } from '../../context/firebase';
 import { FormReturnLink } from '../../components/form-return-link';
+import { sendPasswordResetEmail } from '../../context/firebase';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-sign-in-view.tsx

@@ -1,34 +1,30 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { useAuthContext } from '../../hooks';
-import { getErrorMessage } from '../../utils';
-import { FormHead } from '../../components/form-head';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormDivider } from '../../components/form-divider';
+import { FormHead } from '../../components/form-head';
 import { FormSocials } from '../../components/form-socials';
 import {
-  signInWithGoogle,
   signInWithGithub,
-  signInWithTwitter,
+  signInWithGoogle,
   signInWithPassword,
+  signInWithTwitter,
 } from '../../context/firebase';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-sign-up-view.tsx

@@ -1,34 +1,30 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { getErrorMessage } from '../../utils';
-import { FormHead } from '../../components/form-head';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormDivider } from '../../components/form-divider';
+import { FormHead } from '../../components/form-head';
 import { FormSocials } from '../../components/form-socials';
 import { SignUpTerms } from '../../components/sign-up-terms';
 import {
-  signUp,
   signInWithGithub,
   signInWithGoogle,
   signInWithTwitter,
+  signUp,
 } from '../../context/firebase';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/firebase/firebase-verify-view.tsx

@@ -1,7 +1,5 @@
-import { paths } from 'src/routes/paths';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { paths } from 'src/routes/paths';
 import { FormHead } from '../../components/form-head';
 import { FormReturnLink } from '../../components/form-return-link';
 

03_source/frontend/src/auth/view/jwt/jwt-sign-in-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { useAuthContext } from '../../hooks';
-import { getErrorMessage } from '../../utils';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { signInWithPassword } from '../../context/jwt';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/jwt/jwt-sign-up-view.tsx

@@ -1,28 +1,24 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
+import { FormHead } from '../../components/form-head';
+import { SignUpTerms } from '../../components/sign-up-terms';
 import { signUp } from '../../context/jwt';
 import { useAuthContext } from '../../hooks';
 import { getErrorMessage } from '../../utils';
-import { FormHead } from '../../components/form-head';
-import { SignUpTerms } from '../../components/sign-up-terms';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-reset-password-view.tsx

@@ -1,20 +1,15 @@
-import { z as zod } from 'zod';
-import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
+import { useForm } from 'react-hook-form';
 import { PasswordIcon } from 'src/assets/icons';
-
-import { Form, Field } from 'src/components/hook-form';
-
+import { Field, Form } from 'src/components/hook-form';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
-import { resetPassword } from '../../context/supabase';
 import { FormReturnLink } from '../../components/form-return-link';
+import { resetPassword } from '../../context/supabase';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-sign-in-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { useAuthContext } from '../../hooks';
-import { getErrorMessage } from '../../utils';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { signInWithPassword } from '../../context/supabase';
+import { useAuthContext } from '../../hooks';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-sign-up-view.tsx

@@ -1,27 +1,23 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
+import Link from '@mui/material/Link';
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { getErrorMessage } from '../../utils';
-import { signUp } from '../../context/supabase';
+import { RouterLink } from 'src/routes/components';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { SignUpTerms } from '../../components/sign-up-terms';
+import { signUp } from '../../context/supabase';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-update-password-view.tsx

@@ -1,26 +1,21 @@
-import { z as zod } from 'zod';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useBoolean } from 'minimal-shared/hooks';
 import { zodResolver } from '@hookform/resolvers/zod';
-
-import Box from '@mui/material/Box';
 import Alert from '@mui/material/Alert';
+import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-
+import { useBoolean } from 'minimal-shared/hooks';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
 import { NewPasswordIcon } from 'src/assets/icons';
-
+import { Field, Form } from 'src/components/hook-form';
 import { Iconify } from 'src/components/iconify';
-import { Form, Field } from 'src/components/hook-form';
-
-import { getErrorMessage } from '../../utils';
+import { useRouter } from 'src/routes/hooks';
+import { paths } from 'src/routes/paths';
+import { z as zod } from 'zod';
 import { FormHead } from '../../components/form-head';
 import { updatePassword } from '../../context/supabase';
+import { getErrorMessage } from '../../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/auth/view/supabase/supabase-verify-view.tsx

@@ -1,7 +1,5 @@
-import { paths } from 'src/routes/paths';
-
 import { EmailInboxIcon } from 'src/assets/icons';
-
+import { paths } from 'src/routes/paths';
 import { FormHead } from '../../components/form-head';
 import { FormReturnLink } from '../../components/form-return-link';
 

03_source/frontend/src/components/animate/animate-border.tsx

@@ -1,19 +1,16 @@
 import type { BoxProps } from '@mui/material/Box';
-import type { Theme, SxProps, CSSObject } from '@mui/material/styles';
-
-import { mergeClasses } from 'minimal-shared/utils';
-import { useRef, useState, useEffect } from 'react';
+import Box from '@mui/material/Box';
+import type { CSSObject, SxProps, Theme } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
 import {
   m,
-  useTransform,
-  useMotionValue,
   useAnimationFrame,
   useMotionTemplate,
+  useMotionValue,
+  useTransform,
 } from 'framer-motion';
-
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-
+import { mergeClasses } from 'minimal-shared/utils';
+import { useEffect, useRef, useState } from 'react';
 import { createClasses } from 'src/theme/create-classes';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/animate-count-up.tsx

@@ -1,10 +1,8 @@
-import type { UseInViewOptions } from 'framer-motion';
 import type { TypographyProps } from '@mui/material/Typography';
-
-import { useRef, useEffect } from 'react';
-import { m, animate, useInView, useTransform, useMotionValue } from 'framer-motion';
-
 import Typography from '@mui/material/Typography';
+import type { UseInViewOptions } from 'framer-motion';
+import { animate, m, useInView, useMotionValue, useTransform } from 'framer-motion';
+import { useEffect, useRef } from 'react';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/animate-logo.tsx

@@ -1,12 +1,8 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-
+import type { SxProps, Theme } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import { m } from 'framer-motion';
 import { varAlpha } from 'minimal-shared/utils';
-
-import { styled } from '@mui/material/styles';
-
 import { Logo } from '../logo';
-
 import type { LogoProps } from '../logo';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/animate-text.tsx

@@ -1,17 +1,13 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-import type { TypographyProps } from '@mui/material/Typography';
-import type { Variants, UseInViewOptions } from 'framer-motion';
-
-import { useRef, useMemo, useEffect } from 'react';
-import { mergeClasses } from 'minimal-shared/utils';
-import { m, useInView, useAnimation } from 'framer-motion';
-
+import type { SxProps, Theme } from '@mui/material/styles';
 import { styled } from '@mui/material/styles';
+import type { TypographyProps } from '@mui/material/Typography';
 import Typography from '@mui/material/Typography';
-
+import type { UseInViewOptions, Variants } from 'framer-motion';
+import { m, useAnimation, useInView } from 'framer-motion';
+import { mergeClasses } from 'minimal-shared/utils';
+import { useEffect, useMemo, useRef } from 'react';
 import { createClasses } from 'src/theme/create-classes';
-
-import { varFade, varContainer } from './variants';
+import { varContainer, varFade } from './variants';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/back-to-top-button.tsx

@@ -1,10 +1,7 @@
 import type { FabProps } from '@mui/material/Fab';
-
-import { cloneElement } from 'react';
-import { useBackToTop } from 'minimal-shared/hooks';
-
 import Fab from '@mui/material/Fab';
-
+import { useBackToTop } from 'minimal-shared/hooks';
+import { cloneElement } from 'react';
 import { Iconify } from '../iconify';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/motion-container.tsx

@@ -1,10 +1,7 @@
-import type { MotionProps } from 'framer-motion';
 import type { BoxProps } from '@mui/material/Box';
-
-import { m } from 'framer-motion';
-
 import Box from '@mui/material/Box';
-
+import type { MotionProps } from 'framer-motion';
+import { m } from 'framer-motion';
 import { varContainer } from './variants';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/motion-viewport.tsx

@@ -1,11 +1,8 @@
-import type { MotionProps } from 'framer-motion';
 import type { BoxProps } from '@mui/material/Box';
-
-import { m } from 'framer-motion';
-
 import Box from '@mui/material/Box';
 import useMediaQuery from '@mui/material/useMediaQuery';
-
+import type { MotionProps } from 'framer-motion';
+import { m } from 'framer-motion';
 import { varContainer } from './variants';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/scroll-progress/scroll-progress.tsx

@@ -1,15 +1,12 @@
 import type { BoxProps } from '@mui/material/Box';
-import type { Theme, SxProps } from '@mui/material/styles';
-import type { MotionValue, MotionProps } from 'framer-motion';
-
-import { Fragment } from 'react';
-import { mergeClasses } from 'minimal-shared/utils';
-import { m, useSpring, useTransform } from 'framer-motion';
-
 import Box from '@mui/material/Box';
 import Portal from '@mui/material/Portal';
+import type { SxProps, Theme } from '@mui/material/styles';
 import { styled, useTheme } from '@mui/material/styles';
-
+import type { MotionProps, MotionValue } from 'framer-motion';
+import { m, useSpring, useTransform } from 'framer-motion';
+import { mergeClasses } from 'minimal-shared/utils';
+import { Fragment } from 'react';
 import { createClasses } from 'src/theme/create-classes';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/animate/scroll-progress/use-scroll-progress.ts

@@ -1,7 +1,6 @@
 import type { MotionValue } from 'framer-motion';
-
-import { useRef, useMemo } from 'react';
 import { useScroll } from 'framer-motion';
+import { useMemo, useRef } from 'react';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/background.ts

@@ -1,4 +1,4 @@
-import type { Variants, Transition, TargetAndTransition } from 'framer-motion';
+import type { TargetAndTransition, Transition, Variants } from 'framer-motion';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/bounce.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/container.ts

@@ -1,4 +1,4 @@
-import type { Variants, Transition } from 'framer-motion';
+import type { Transition, Variants } from 'framer-motion';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/fade.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/flip.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/path.ts

@@ -1,4 +1,4 @@
-import type { Variants, TargetAndTransition } from 'framer-motion';
+import type { TargetAndTransition, Variants } from 'framer-motion';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/rotate.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/scale.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/slide.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/animate/variants/zoom.ts

@@ -1,6 +1,5 @@
-import type { Variants, Transition } from 'framer-motion';
-
-import { transitionExit, transitionEnter } from './transition';
+import type { Transition, Variants } from 'framer-motion';
+import { transitionEnter, transitionExit } from './transition';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/carousel.tsx

@@ -1,12 +1,9 @@
-import { Children, isValidElement } from 'react';
-import { mergeClasses } from 'minimal-shared/utils';
-
 import { styled } from '@mui/material/styles';
-
+import { mergeClasses } from 'minimal-shared/utils';
+import { Children, isValidElement } from 'react';
 import { carouselClasses } from './classes';
 import { CarouselSlide } from './components/carousel-slide';
-
-import type { CarouselProps, CarouselOptions } from './types';
+import type { CarouselOptions, CarouselProps } from './types';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/components/arrow-button.tsx

@@ -1,12 +1,9 @@
-import { mergeClasses } from 'minimal-shared/utils';
-
-import SvgIcon from '@mui/material/SvgIcon';
-import { styled } from '@mui/material/styles';
 import ButtonBase from '@mui/material/ButtonBase';
-
+import { styled } from '@mui/material/styles';
+import SvgIcon from '@mui/material/SvgIcon';
+import { mergeClasses } from 'minimal-shared/utils';
 import { carouselClasses } from '../classes';
-
-import type { CarouselOptions, CarouselArrowButtonProps } from '../types';
+import type { CarouselArrowButtonProps, CarouselOptions } from '../types';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/components/carousel-arrow-buttons.tsx

@@ -1,13 +1,9 @@
 import type { Theme } from '@mui/material/styles';
-
-import { varAlpha, mergeClasses } from 'minimal-shared/utils';
-
 import { styled } from '@mui/material/styles';
-
-import { ArrowButton } from './arrow-button';
+import { mergeClasses, varAlpha } from 'minimal-shared/utils';
 import { carouselClasses } from '../classes';
-
 import type { CarouselArrowButtonsProps } from '../types';
+import { ArrowButton } from './arrow-button';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/components/carousel-dot-buttons.tsx

@@ -1,13 +1,9 @@
-import type { CSSObject } from '@mui/material/styles';
-
-import { varAlpha, mergeClasses } from 'minimal-shared/utils';
-
 import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
 import ButtonBase from '@mui/material/ButtonBase';
-
+import type { CSSObject } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
+import { mergeClasses, varAlpha } from 'minimal-shared/utils';
 import { carouselClasses } from '../classes';
-
 import type { CarouselDotButtonsProps } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/components/carousel-progress-bar.tsx

@@ -1,9 +1,6 @@
-import { varAlpha, mergeClasses } from 'minimal-shared/utils';
-
 import { styled } from '@mui/material/styles';
-
+import { mergeClasses, varAlpha } from 'minimal-shared/utils';
 import { carouselClasses } from '../classes';
-
 import type { CarouselProgressBarProps } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/components/carousel-slide.tsx

@@ -1,11 +1,8 @@
-import { mergeClasses } from 'minimal-shared/utils';
-
 import { styled } from '@mui/material/styles';
-
-import { getSlideSize } from '../utils';
+import { mergeClasses } from 'minimal-shared/utils';
 import { carouselClasses } from '../classes';
-
 import type { CarouselOptions, CarouselSlideProps } from '../types';
+import { getSlideSize } from '../utils';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/components/carousel-thumb.tsx

@@ -1,10 +1,7 @@
-import { mergeClasses } from 'minimal-shared/utils';
-
-import { styled } from '@mui/material/styles';
 import ButtonBase from '@mui/material/ButtonBase';
-
+import { styled } from '@mui/material/styles';
+import { mergeClasses } from 'minimal-shared/utils';
 import { carouselClasses } from '../classes';
-
 import type { CarouselThumbProps } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/components/carousel-thumbs.tsx

@@ -1,12 +1,9 @@
-import { Children, isValidElement } from 'react';
-import { mergeClasses } from 'minimal-shared/utils';
-
 import { styled } from '@mui/material/styles';
-
+import { mergeClasses } from 'minimal-shared/utils';
+import { Children, isValidElement } from 'react';
 import { carouselClasses } from '../classes';
-import { CarouselSlide } from './carousel-slide';
-
 import type { CarouselOptions, CarouselThumbsProps } from '../types';
+import { CarouselSlide } from './carousel-slide';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/hooks/use-carousel-arrows.ts

@@ -1,7 +1,5 @@
 import type { EmblaCarouselType } from 'embla-carousel';
-
-import { useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useState } from 'react';
 import type { UseCarouselArrowsReturn } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/hooks/use-carousel-auto-play.ts

@@ -1,8 +1,6 @@
 import type {} from 'embla-carousel-autoplay';
 import type { EmblaCarouselType } from 'embla-carousel';
-
-import { useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useState } from 'react';
 import type { UseCarouselAutoPlayReturn } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/hooks/use-carousel-auto-scroll.ts

@@ -1,8 +1,6 @@
 import type {} from 'embla-carousel-auto-scroll';
 import type { EmblaCarouselType } from 'embla-carousel';
-
-import { useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useState } from 'react';
 import type { UseCarouselAutoPlayReturn } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/hooks/use-carousel-dots.ts

@@ -1,7 +1,5 @@
 import type { EmblaCarouselType } from 'embla-carousel';
-
-import { useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useState } from 'react';
 import type { UseCarouselDotsReturn } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/hooks/use-carousel-parallax.ts

@@ -1,9 +1,6 @@
-import type { EmblaEventType, EmblaCarouselType } from 'embla-carousel';
-
-import { useRef, useEffect, useCallback } from 'react';
-
+import type { EmblaCarouselType, EmblaEventType } from 'embla-carousel';
+import { useCallback, useEffect, useRef } from 'react';
 import { carouselClasses } from '../classes';
-
 import type { CarouselOptions } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/hooks/use-carousel-progress.ts

@@ -1,7 +1,5 @@
 import type { EmblaCarouselType } from 'embla-carousel';
-
-import { useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useState } from 'react';
 import type { UseCarouselProgressReturn } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/hooks/use-carousel.ts

@@ -1,19 +1,15 @@
-import type { EmblaPluginType } from 'embla-carousel';
-
-import { useMemo } from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-
 import { useTheme } from '@mui/material/styles';
-
-import { useThumbs } from './use-thumbs';
-import { useCarouselDots } from './use-carousel-dots';
-import { useParallax } from './use-carousel-parallax';
+import type { EmblaPluginType } from 'embla-carousel';
+import useEmblaCarousel from 'embla-carousel-react';
+import { useMemo } from 'react';
+import type { CarouselOptions, UseCarouselReturn } from '../types';
 import { useCarouselArrows } from './use-carousel-arrows';
-import { useCarouselProgress } from './use-carousel-progress';
 import { useCarouselAutoPlay } from './use-carousel-auto-play';
 import { useCarouselAutoScroll } from './use-carousel-auto-scroll';
-
-import type { CarouselOptions, UseCarouselReturn } from '../types';
+import { useCarouselDots } from './use-carousel-dots';
+import { useParallax } from './use-carousel-parallax';
+import { useCarouselProgress } from './use-carousel-progress';
+import { useThumbs } from './use-thumbs';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/hooks/use-thumbs.ts

@@ -1,8 +1,6 @@
 import type { EmblaCarouselType } from 'embla-carousel';
-
 import useEmblaCarousel from 'embla-carousel-react';
-import { useState, useEffect, useCallback } from 'react';
-
+import { useCallback, useEffect, useState } from 'react';
 import type { CarouselOptions, UseCarouselThumbsReturn } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/carousel/types.ts

@@ -1,8 +1,8 @@
 import type { BoxProps } from '@mui/material/Box';
 import type { ButtonBaseProps } from '@mui/material/ButtonBase';
+import type { Breakpoint, SxProps, Theme } from '@mui/material/styles';
+import type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
 import type { UseEmblaCarouselType } from 'embla-carousel-react';
-import type { Theme, SxProps, Breakpoint } from '@mui/material/styles';
-import type { EmblaOptionsType, EmblaCarouselType } from 'embla-carousel';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/carousel/utils.ts

@@ -1,5 +1,4 @@
 import type { Breakpoint } from '@mui/material/styles';
-
 import type { CarouselOptions } from './types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/chart/chart.tsx

@@ -1,12 +1,9 @@
-import { lazy, Suspense } from 'react';
+import { styled } from '@mui/material/styles';
 import { useIsClient } from 'minimal-shared/hooks';
 import { mergeClasses } from 'minimal-shared/utils';
-
-import { styled } from '@mui/material/styles';
-
+import { lazy, Suspense } from 'react';
 import { chartClasses } from './classes';
 import { ChartLoading } from './components';
-
 import type { ChartProps } from './types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/chart/components/chart-legends.tsx

@@ -1,7 +1,5 @@
-import { mergeClasses } from 'minimal-shared/utils';
-
 import { styled } from '@mui/material/styles';
-
+import { mergeClasses } from 'minimal-shared/utils';
 import { chartClasses } from '../classes';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/chart/components/chart-loading.tsx

@@ -1,12 +1,8 @@
 import type { BoxProps } from '@mui/material/Box';
-
-import { mergeClasses } from 'minimal-shared/utils';
-
 import Box from '@mui/material/Box';
 import Skeleton from '@mui/material/Skeleton';
-
+import { mergeClasses } from 'minimal-shared/utils';
 import { chartClasses } from '../classes';
-
 import type { ChartProps } from '../types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/chart/components/chart-select.tsx

@@ -1,16 +1,12 @@
 import type { ButtonBaseProps } from '@mui/material/ButtonBase';
-
-import { varAlpha } from 'minimal-shared/utils';
-import { usePopover } from 'minimal-shared/hooks';
-
-import MenuList from '@mui/material/MenuList';
-import MenuItem from '@mui/material/MenuItem';
 import ButtonBase from '@mui/material/ButtonBase';
-
-import { Iconify } from '../../iconify';
+import MenuItem from '@mui/material/MenuItem';
+import MenuList from '@mui/material/MenuList';
+import { usePopover } from 'minimal-shared/hooks';
+import { varAlpha } from 'minimal-shared/utils';
 import { CustomPopover } from '../../custom-popover';
-
 import type { CustomPopoverProps } from '../../custom-popover';
+import { Iconify } from '../../iconify';
 
 // ----------------------------------------------------------------------
 

03_source/frontend/src/components/chart/types.ts

@@ -1,4 +1,4 @@
-import type { Theme, SxProps } from '@mui/material/styles';
+import type { SxProps, Theme } from '@mui/material/styles';
 import type { Props as ApexProps } from 'react-apexcharts';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/chart/use-chart.ts

@@ -1,10 +1,7 @@
 import type { Theme } from '@mui/material/styles';
-
+import { useTheme } from '@mui/material/styles';
 import { merge } from 'es-toolkit';
 import { varAlpha } from 'minimal-shared/utils';
-
-import { useTheme } from '@mui/material/styles';
-
 import type { ChartOptions } from './types';
 
 // ----------------------------------------------------------------------

03_source/frontend/src/components/color-utils/color-picker.tsx

@@ -1,11 +1,8 @@
-import type { Theme, SxProps } from '@mui/material/styles';
-
-import { useCallback } from 'react';
-import { varAlpha, mergeClasses } from 'minimal-shared/utils';
-
 import ButtonBase from '@mui/material/ButtonBase';
-import { styled, alpha as hexAlpha } from '@mui/material/styles';
-
+import type { SxProps, Theme } from '@mui/material/styles';
+import { alpha as hexAlpha, styled } from '@mui/material/styles';
+import { mergeClasses, varAlpha } from 'minimal-shared/utils';
+import { useCallback } from 'react';
 import { Iconify } from '../iconify';
 import { colorPickerClasses } from './classes';