[S] styling fixes

frontend/src/components/NavBar.tsx

@@ -18,7 +18,7 @@ export default function NavBar() {
 
     const navItems = [
         { icon: "mdi:book", label: "Courses", path: "/courses" },
-        { icon: "mdi:earth", label: "Collab Learning", path: "/collab-learning" },
+        { icon: "mdi:earth", label: "Collab", path: "/collab-learning" },
         { icon: "mdi:clipboard-text-clock", label: "Review", path: "/review" },
         { icon: "mdi:microphone-message", label: "Speaking", path: "/speaking" },
         { icon: "mdi:account", label: "Profile", path: "/profile" },
@@ -38,4 +38,4 @@ export default function NavBar() {
             ))}
         </nav>
     )
-}
+}

frontend/src/pages/Review.tsx

@@ -56,9 +56,9 @@ export default function Review() {
 
     return (
         <div className="layout-v p-10">
-            <h1 className="text-center p-10">Review Page</h1>
+            <h1 className="text-center">Review Page</h1>
             <h2 className="text-center">Written</h2>
-            <div className="flex flex-col flex-1 mb-8">
+            <div className="flex flex-col flex-1 mb-10 gap-5">
                 {writtenReview.map(lesson => (
                     <button 
                         className="white" 
@@ -70,7 +70,7 @@ export default function Review() {
                 ))}
             </div>
             <h2 className="text-center">Verbal/Listening</h2>
-            <div className="flex flex-col flex-1">
+            <div className="flex flex-col flex-1 gap-5">
                 {verbalReview.map(lesson => (
                     <button
                         className="white" 
@@ -84,4 +84,4 @@ export default function Review() {
             <NavBar />
         </div>
     )
-}
+}