Fix minor issue where editor is not changing support for different

languages

Author: LemonDrew

frontend/src/app/components/collab/CodingComponent.tsx

@@ -61,7 +61,7 @@ export default function CodingComponent() {
       <Editor
         height="85vh"
         theme="vs-dark"
-        defaultLanguage={selectedLanguage.toLowerCase()}
+        language={selectedLanguage.toLowerCase()}
         onChange={(value) => setInitialContent(value)}
       ></Editor>
     </div>

frontend/src/app/components/collab/SessionHeader.tsx

@@ -1,9 +1,15 @@
 "use client";
 import { Button } from "@/components/ui/button";
 import { Mic } from "lucide-react";
-import Image from "next/image";
+import { useRouter } from "next/navigation";
 
 export default function SessionHeader() {
+  const router = useRouter();
+
+  function directToMatch() {
+    router.replace("/match");
+  }
+
   return (
     <header
       className="flex 
@@ -20,7 +26,10 @@ export default function SessionHeader() {
       <Button>
         <Mic />
       </Button>
-      <Button className="bg-red-500 text-black mr-3 hover:bg-red-300">
+      <Button
+        onClick={() => directToMatch()}
+        className="bg-red-500 text-black mr-3 hover:bg-red-300"
+      >
         Leave Session
       </Button>
     </header>