feat: New logo added

Author: CodeMaster17

frontend/src/App.tsx

@@ -22,7 +22,7 @@ function App() {
       const pathname = window.location.pathname;
       setUrlTracker(pathname)
     })()
-
+    console.log(urlTracker)
   }, [urlTracker])
 
   return (

frontend/src/api/problemApi.ts

@@ -1,6 +1,5 @@
 // apis for fetching problems for code arena
 
-
 const fetchWithErrorHandling = async (url: string, options = {}) => {
   try {
     const response = await fetch(url, options);

frontend/src/components/Logo.tsx

@@ -6,9 +6,11 @@ const Logo = ({ variant }: ILogoProps) => {
         return (
 
             <h1 className="text-4xl sm:text-5xl md:text-2xl font-bold">
-                <span className="bg-gradient-to-r from-purple-400 to-blue-400 text-transparent bg-clip-text">
-                    Pathfiller
-                </span>
+                <a href="/">
+                    <span className="bg-gradient-to-r from-purple-400 to-blue-400 text-transparent bg-clip-text">
+                        Pathfiller
+                    </span>
+                </a>
             </h1>
 
         )

frontend/src/components/common/Navbar.tsx

@@ -5,6 +5,7 @@ import { useState } from "react";
 import { disablePageScroll, enablePageScroll } from "scroll-lock";
 import { Button } from "../ui/button";
 import MenuSvg from "@/assets/MenuSvg";
+import Logo from "../Logo";
 
 const ProblemNavbar = () => {
   const pathname = useLocation();
@@ -31,10 +32,7 @@ const ProblemNavbar = () => {
         }`}
     >
       <div className="flex items-center px-5 lg:px-7.5 xl:px-10 max-lg:py-4">
-        <a className="block w-[12rem] xl:mr-8" href="/">
-          <p className="text-white h6">Pathfiller</p>
-        </a>
-
+        <Logo variant="small" />
         <nav
           className={`${openNavigation ? "flex" : "hidden"
             } fixed top-[5rem] left-0 right-0 bottom-0 bg-n-8 lg:static lg:flex lg:mx-auto lg:bg-transparent`}

frontend/src/pages/CodingArena.tsx

@@ -9,6 +9,7 @@ import {
 import { IProblemType } from "@/types/types";
 import { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
+import Logo from "@/components/Logo";
 
 const CodingArena = () => {
 
@@ -48,9 +49,7 @@ const CodingArena = () => {
   return (
     <>
       <div className='w-full h-12 flex justify-between px-4 items-center border-b-[1px] border-gray-800'>
-        <p className='text-white '>
-          <a href="/">Pathfiller</a>
-        </p>
+        <Logo variant="small" />
         <div className='flex gap-3 items-center '>
 
           {/* <button onClick={handleCodeRun} className='text-xs flex items-center px-4 py-2 bg-gradient-to-r from-purple-500 to-blue-500 text-white rounded-md hover:from-purple-600 hover:to-blue-600 transition-colors'>
@@ -66,7 +65,7 @@ const CodingArena = () => {
       </div>
       <ResizablePanelGroup
         direction="horizontal"
-        className=" min-h-full w-full rounded-lg"
+        className=" min-h-full max-h-screen overflow-hidden w-full rounded-lg"
       >
         <ResizablePanel defaultSize={50} className="min-h-screen">
           <ProblemDetailsTabs problem={problem} _solved={solved} />
@@ -78,7 +77,7 @@ const CodingArena = () => {
           <div className="flex h-full items-center justify-center p-1">
             <VerticalResizable problem={problem} />
           </div>
-          
+
         </ResizablePanel>
       </ResizablePanelGroup>
     </>

frontend/src/pages/CodingPlayground.tsx

@@ -1,4 +1,5 @@
 
+import Logo from '@/components/Logo';
 import LanguageSelector from '@/components/core/LanguageSelector';
 import StatusIndicator from '@/components/core/StatusIndicator';
 import SubmitButton from '@/components/core/SubmitButton';
@@ -139,9 +140,7 @@ const CodingPlayground = () => {
     <>
       {/* Navbar */}
       <div className='w-full h-12 flex justify-between px-4 items-center border-b-[1px] border-gray-800'>
-        <p className='text-white '>
-          <a href="/">Pathfiller</a>
-        </p>
+        <Logo variant="small" />
         <div className='flex gap-3 items-center '>
 
           {/* <button onClick={handleCodeRun} className='text-xs flex items-center px-4 py-2 bg-gradient-to-r from-purple-500 to-blue-500 text-white rounded-md hover:from-purple-600 hover:to-blue-600 transition-colors'>