merge: test: add type compiler tests for CodeBlock (#8120)

## Description

Fixes #6907 

## Pillar

- [ ] 🎨 Pillar 1 — New Theme Design
- [ ] 📐 Pillar 2 — Geometric SVG Improvement
- [ ] 🕐 Pillar 3 — Timezone Logic Optimization
- [x] 🛠️ Other (Bug fix, refactoring, docs)

## Visual Preview
N/A

## Checklist before requesting a review:

- [x] I have read the `CONTRIBUTING.md` file.
- [ ] I have tested these changes locally
(`localhost:3000/api/streak?user=YOUR_USERNAME`).
- [x] I have run `npm run format` and `npm run lint` locally and
resolved all errors (CI will fail otherwise).
- [x] My commits follow the Conventional Commits format (e.g.,
`feat(themes): ...`, `fix(calculate): ...`).
- [ ] I have updated `README.md` if I added a new theme or URL
parameter.
- [ ] I have started the repo.
- [x] I have made sure that i have only one commit to merge in this PR.
- [ ] The SVG output matches the CommitPulse "premium quality" aesthetic
standard (no raw elements, smooth animations, correct fonts).
- [x] (Recommended) I joined the CommitPulse Discord community for
contributor discussions, mentorship, and faster PR support.

Author: JhaSourav07

app/documentation/code-block.type-compiler.test.tsx

@@ -0,0 +1,40 @@
+import { describe, expectTypeOf, it } from 'vitest';
+import React from 'react';
+import { CodeBlock } from './code-block';
+
+type CodeBlockProps = React.ComponentProps<typeof CodeBlock>;
+
+describe('CodeBlock Type Compiler Validation', () => {
+  it('maintains expected props structure', () => {
+    expectTypeOf<CodeBlockProps>().toEqualTypeOf<{
+      code: string;
+    }>();
+  });
+
+  it('accepts valid prop values', () => {
+    const props: CodeBlockProps = {
+      code: 'console.log("Hello");',
+    };
+
+    expectTypeOf(props).toEqualTypeOf<CodeBlockProps>();
+  });
+
+  it('rejects invalid code prop type', () => {
+    const invalid: CodeBlockProps = {
+      // @ts-expect-error code must be a string
+      code: 123,
+    };
+
+    void invalid;
+  });
+
+  it('returns a valid React element', () => {
+    const element = <CodeBlock code="const a = 1;" />;
+
+    expectTypeOf(element).toMatchTypeOf<React.ReactElement>();
+  });
+
+  it('enforces strict property configuration', () => {
+    expectTypeOf<keyof CodeBlockProps>().toEqualTypeOf<'code'>();
+  });
+});