♻️ refactor(components): refactor the components/utils.js to helpers/api.js and related imports

web/src/components/LoginForm.js

@@ -9,13 +9,11 @@ import {
   showSuccess,
   updateAPI,
   getSystemName,
-  setUserData
+  setUserData,
-} from '../helpers';
-import {
   onGitHubOAuthClicked,
   onOIDCClicked,
-  onLinuxDOOAuthClicked,
+  onLinuxDOOAuthClicked
-} from './utils';
+} from '../helpers';
 import Turnstile from 'react-turnstile';
 import {
   Button,

web/src/components/PersonalSetting.js

@@ -11,15 +11,13 @@ import {
   getQuotaPerUnit,
   renderQuota,
   renderQuotaWithPrompt,
-  stringToColor
+  stringToColor,
+  onGitHubOAuthClicked,
+  onOIDCClicked,
+  onLinuxDOOAuthClicked
 } from '../helpers';
 import Turnstile from 'react-turnstile';
 import { UserContext } from '../context/User';
-import {
-  onGitHubOAuthClicked,
-  onOIDCClicked,
-  onLinuxDOOAuthClicked,
-} from './utils';
 import {
   Avatar,
   Banner,

web/src/index.js

@@ -15,7 +15,7 @@ import './i18n/i18n.js';
 const root = ReactDOM.createRoot(document.getElementById('root'));
 const { Sider, Content, Header, Footer } = Layout;
 root.render(
-  <React.StrictMode>
+  // <React.StrictMode>
     <StatusProvider>
       <UserProvider>
         <BrowserRouter>
@@ -27,5 +27,5 @@ root.render(
         </BrowserRouter>
       </UserProvider>
     </StatusProvider>
-  </React.StrictMode>,
+  // </React.StrictMode>,
 );