refactor: move types and interfaces to a different folder

src/frontend/src/components/GoogleAuth/index.tsx

@@ -3,15 +3,7 @@ import { useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { Flex } from '@Components/common/Layouts';
 import { toast } from 'react-toastify';
-
-export interface UserProfileDetailsType {
-  id: string;
-  email: string;
-  img_url: string;
-  has_user_profile: boolean;
-}
-
-export type IUserProfileDetailsType = UserProfileDetailsType | null;
+import { UserProfileDetailsType } from './types';
 
 const { BASE_URL } = process.env;
 

src/frontend/src/components/GoogleAuth/types/index.ts

@@ -0,0 +1,8 @@
+export interface UserProfileDetailsType {
+  id: string;
+  email: string;
+  img_url: string;
+  has_user_profile: boolean;
+}
+
+export type IUserProfileDetailsType = UserProfileDetailsType | null;

src/frontend/src/components/UserProfile/FormContents/BasicDetails/index.tsx

@@ -1,20 +1,10 @@
 import { Flex, FlexColumn } from '@Components/common/Layouts';
-import {
-  FormControl,
-  FormGroup,
-  Input,
-  Label,
-  Select,
-} from '@Components/common/FormUI';
-import { UserProfileDetailsType } from '@Components/GoogleAuth';
-import { useForm } from 'react-hook-form';
+import { FormControl, Input, Label } from '@Components/common/FormUI';
 import ErrorMessage from '@Components/common/ErrorMessage';
 
 export default function BasicDetails({ formProps }: { formProps: any }) {
   const { register } = formProps;
 
-  console.log(formProps.formState.errors, 'formProps.formState.errors');
-
   // const userProfile: UserProfileDetailsType =
   //   localStorage.getItem('userprofile');
   return (

src/frontend/src/services/common.ts

@@ -1,4 +1,4 @@
-import { UserProfileDetailsType } from '@Components/GoogleAuth';
+import { UserProfileDetailsType } from '@Components/GoogleAuth/types';
 import { api } from '.';
 
 export const signInUser = (data: any) => api.post('/users/login/', data);

src/frontend/src/utils/sagaUtils.ts

@@ -30,4 +30,4 @@ export function withLoader(func: Function) {
   };
 }
 
-export const nothing = '';
+export const nothing = '';

src/frontend/src/views/UserProfile/index.tsx

@@ -11,7 +11,7 @@ import {
 } from '@Components/UserProfile/FormContents';
 import { useMutation } from '@tanstack/react-query';
 import { postUserProfile } from '@Services/common';
-import { IUserProfileDetailsType } from '@Components/GoogleAuth';
+import { IUserProfileDetailsType } from '@Components/GoogleAuth/types';
 import Tab from './UserProfileTabs';
 
 const getActiveFormContent = (activeTab: number, formProps: any) => {