[O] Cleanup

frontend/src/components/NavBar.tsx

@@ -1,7 +1,7 @@
 // NavBar.tsx
 import React, { useState, useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
-import { NavItem } from '../components/NavItem';
+import { NavItem } from './NavItem';
 
 export default function NavBar() {
     const navigate = useNavigate();

frontend/src/components/VerbalPronunciationExercise.tsx

@@ -1,6 +1,5 @@
 import { useLocation, useNavigate } from 'react-router-dom';
 import { Icon } from '@iconify/react';
-import CharacterBadge from '../components/CharacterBadge';
 import { useState, useEffect, useRef, useCallback } from 'react';
 import { speechToText, getAIMarking } from '../logic/sdk';
 import ClipLoader from "react-spinners/ClipLoader";
@@ -112,4 +111,4 @@ export default function VerbalPronunciationExercise({question, expected, chapter
             </div>
         </div>
     )
-}
+}

frontend/src/pages/CollabLearning.tsx

@@ -1,5 +1,5 @@
 import NavBar from "../components/NavBar"
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { generateFakeUsers } from '../logic/fakeUsers';
 import { useNavigate } from 'react-router-dom';
 
@@ -44,7 +44,7 @@ export default function CollabLearning() {
     return (
         <div className="v-layout p-6">
             <div className="flex flex-col flex-1">
-                <h1>Collaborative Learning</h1>
+                <h1>Chat</h1>
                 <p className="subtext">Find people fluent in your taget language to Chat!</p>
                 <p className="subtext">Help them learn a language you know!</p>
                 <p className="font-bold pt-10">Interests</p>
@@ -68,4 +68,4 @@ export default function CollabLearning() {
         </div>
     )
 
-}
+}

frontend/src/pages/Profile.tsx

@@ -76,7 +76,7 @@ export default function Profile()
         </div>
 
         <div>
-          <Icon icon="fa-solid:comments" className="text-blue-400"/>
+          <Icon icon="mdi:microphone-message" className="text-blue-400"/>
           <div>
             <div className="font-bold">0</div>
             <div>Speaking</div>