Simplify CodeBlock component for Python-only syntax highlighting

Co-authored-by: msaroufim <[email protected]>

Author: Copilot

frontend/src/components/codeblock/CodeBlock.test.tsx

@@ -19,8 +19,8 @@ describe("CodeBlock", () => {
     expect(screen.getByText(/Hello, world!/)).toBeInTheDocument();
   });
 
-  it("renders with syntax highlighting", () => {
-    render(<CodeBlock code={sampleCode} language="javascript" />);
+  it("renders with Python syntax highlighting", () => {
+    render(<CodeBlock code={sampleCode} />);
     // Check that syntax highlighter is applied - it should create a pre element
     const preElement = screen.getByRole("button").closest("[data-testid]") || document.querySelector("pre");
     expect(preElement || screen.getByText(/Hello, world!/).closest("pre")).toBeInTheDocument();
@@ -42,13 +42,10 @@ describe("CodeBlock", () => {
     });
   });
 
-  it("accepts language prop for syntax highlighting", () => {
-    render(<CodeBlock code="print('Hello')" language="python" />);
+  it("handles Python code properly", () => {
+    render(<CodeBlock code="print('Hello')" />);
     expect(screen.getByText(/Hello/)).toBeInTheDocument();
   });
 
-  it("defaults to text language when no language specified", () => {
-    render(<CodeBlock code="plain text" />);
-    expect(screen.getByText("plain text")).toBeInTheDocument();
-  });
+
 });

frontend/src/components/codeblock/CodeBlock.tsx

@@ -11,7 +11,6 @@ import { oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
 
 interface CodeBlockProps {
   code: string;
-  language?: string;
   maxHeight?: number | string;
 }
 
@@ -32,7 +31,7 @@ const styles = {
   },
 };
 
-export default function CodeBlock({ code, language = "text" }: CodeBlockProps) {
+export default function CodeBlock({ code }: CodeBlockProps) {
   const [copied, setCopied] = useState(false);
   const theme = useTheme();
 
@@ -76,7 +75,7 @@ export default function CodeBlock({ code, language = "text" }: CodeBlockProps) {
         }}
       >
         <SyntaxHighlighter
-          language={language}
+          language="python"
           style={oneLight}
           customStyle={{
             margin: 0,

frontend/src/pages/leaderboard/Leaderboard.tsx

@@ -176,7 +176,7 @@ export default function Leaderboard() {
             <CardContent>
               <CardTitle fontWeight="bold">Reference Implementation</CardTitle>
               <Box>
-                <CodeBlock code={data.reference} language="cpp" />
+                <CodeBlock code={data.reference} />
               </Box>
             </CardContent>
           </Card>