Remove unecessary imports

Author: solomonng2001

apps/frontend/src/app/matching/MatchingModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, createContext, useContext, useCallback, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { 
     Modal,
  } from 'antd';

apps/frontend/src/app/matching/modalContent/FindMatchContent.tsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import { 
-    Modal,
+import {
     Tag,
     Select,
     Space,

apps/frontend/src/app/matching/modalContent/JoinedMatchContent.tsx

@@ -1,20 +1,10 @@
-import React, { useState } from 'react';
-import { 
-    Modal,
-    Tag,
-    Select,
-    Space,
+import React from 'react';
+import {
     Avatar,
  } from 'antd';
 import {
-    LoadingOutlined,
     UserOutlined,
 } from '@ant-design/icons';
-import {
-    DifficultyOption,
-    CategoriesOption,
-} from '@/utils/SelectOptions';
-import type { SelectProps } from 'antd';
 import 'typeface-montserrat';
 import './styles.scss';
 import { handleCancelMatch } from '../handlers';

apps/frontend/src/app/matching/modalContent/MatchCancelledContent.tsx

@@ -1,20 +1,4 @@
-import React, { useState } from 'react';
-import { 
-    Modal,
-    Tag,
-    Select,
-    Space,
-    Avatar,
- } from 'antd';
-import {
-    LoadingOutlined,
-    UserOutlined,
-} from '@ant-design/icons';
-import {
-    DifficultyOption,
-    CategoriesOption,
-} from '@/utils/SelectOptions';
-import type { SelectProps } from 'antd';
+import React from 'react';
 import 'typeface-montserrat';
 import './styles.scss';
 import { handleReselectMatchOptions, handleRetryMatch } from '../handlers';

apps/frontend/src/app/matching/modalContent/MatchFoundContent.tsx

@@ -1,20 +1,6 @@
-import React, { useState } from 'react';
-import { 
-    Modal,
-    Tag,
-    Select,
-    Space,
-    Avatar,
- } from 'antd';
-import {
-    LoadingOutlined,
-    UserOutlined,
-} from '@ant-design/icons';
-import {
-    DifficultyOption,
-    CategoriesOption,
-} from '@/utils/SelectOptions';
-import type { SelectProps } from 'antd';
+import React from 'react';
+import { Avatar } from 'antd';
+import { UserOutlined } from '@ant-design/icons';
 import 'typeface-montserrat';
 import './styles.scss';
 import { handleCancelMatch, handleJoinMatch } from '../handlers';

apps/frontend/src/app/matching/modalContent/MatchNotFoundContent.tsx

@@ -1,20 +1,4 @@
-import React, { useState } from 'react';
-import { 
-    Modal,
-    Tag,
-    Select,
-    Space,
-    Avatar,
- } from 'antd';
-import {
-    LoadingOutlined,
-    UserOutlined,
-} from '@ant-design/icons';
-import {
-    DifficultyOption,
-    CategoriesOption,
-} from '@/utils/SelectOptions';
-import type { SelectProps } from 'antd';
+import React from 'react';
 import 'typeface-montserrat';
 import './styles.scss';
 import { handleReselectMatchOptions, handleRetryMatch } from '../handlers';

apps/frontend/src/app/matching/modalContent/MatchingInProgressContent.tsx

@@ -1,16 +1,5 @@
-import React, { useState } from 'react';
-import { 
-    Modal,
-    Tag,
-    Select,
-    Space,
- } from 'antd';
+import React from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
-import {
-    DifficultyOption,
-    CategoriesOption,
-} from '@/utils/SelectOptions';
-import type { SelectProps } from 'antd';
 import 'typeface-montserrat';
 import './styles.scss';
 import { handleCancelMatch } from '../handlers';