refactor(hooks): export MAX_SEARCHES and STORAGE_KEY constants (JhaSourav07#476)

## Description

Fixes JhaSourav07#394

## 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 (internal refactoring only)

## Checklist before requesting a review:

- [x] I have read the `CONTRIBUTING.md` file.
- [x] 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.
- [x] 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

hooks/useRecentSearches.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { renderHook, act } from '@testing-library/react';
-import { useRecentSearches } from './useRecentSearches';
+import { useRecentSearches, MAX_SEARCHES } from './useRecentSearches';
 
 const store: Record<string, string> = {};
 
@@ -49,14 +49,17 @@ describe('useRecentSearches', () => {
     expect(result.current.searches.length).toBe(2);
   });
 
-  it('caps at 5 entries', () => {
+  it(`caps at ${MAX_SEARCHES} entries`, () => {
     const { result } = renderHook(() => useRecentSearches());
-    ['a', 'b', 'c', 'd', 'e', 'f'].forEach((u) => {
+    const testData = Array.from({ length: MAX_SEARCHES + 1 }, (_, i) =>
+      String.fromCharCode(97 + i)
+    );
+    testData.forEach((u) => {
       act(() => {
         result.current.addSearch(u);
       });
     });
-    expect(result.current.searches.length).toBe(5);
+    expect(result.current.searches.length).toBe(MAX_SEARCHES);
   });
 
   it('clears all searches', () => {

hooks/useRecentSearches.ts

@@ -2,15 +2,15 @@
 
 import { useState, useEffect } from 'react';
 
-const KEY = 'recentSearches';
-const MAX = 5;
+export const STORAGE_KEY = 'recentSearches';
+export const MAX_SEARCHES = 5;
 
 type State = { searches: string[]; mounted: boolean };
 
 function loadFromStorage(): string[] {
   let saved: string[] = [];
   try {
-    const stored = localStorage.getItem(KEY);
+    const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) saved = JSON.parse(stored) as string[];
   } catch {
     // ignore malformed storage
@@ -21,11 +21,11 @@ function loadFromStorage(): string[] {
 function writeStorage(searches: string[] | null): void {
   try {
     if (searches === null) {
-      localStorage.removeItem(KEY);
+      localStorage.removeItem(STORAGE_KEY);
       return;
     }
 
-    localStorage.setItem(KEY, JSON.stringify(searches));
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(searches));
   } catch {
     // ignore storage write failures
   }
@@ -40,8 +40,13 @@ export function useRecentSearches() {
   const [state, setState] = useState<State>({ searches: [], mounted: false });
 
   useEffect(() => {
-    const saved = loadFromStorage();
-
+    let saved: string[] = [];
+    try {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      if (stored) saved = JSON.parse(stored) as string[];
+    } catch {
+      // ignore malformed storage
+    }
     // Single setState call — reads external system (localStorage) and syncs
     // React state in one update, which is exactly what effects are for.
     // eslint-disable-next-line react-hooks/set-state-in-effect
@@ -51,17 +56,19 @@ export function useRecentSearches() {
   const addSearch = (query: string) => {
     if (!query.trim()) return;
     setState((prev) => {
-      const deduped = [query, ...prev.searches.filter((s) => s !== query)].slice(0, MAX);
-
-      writeStorage(deduped);
-
+      const deduped = [query, ...prev.searches.filter((s) => s !== query)].slice(0, MAX_SEARCHES);
+      try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(deduped));
+      } catch {}
       return { ...prev, searches: deduped };
     });
   };
 
   const clearSearches = () => {
     setState((prev) => ({ ...prev, searches: [] }));
-    writeStorage(null);
+    try {
+      localStorage.removeItem(STORAGE_KEY);
+    } catch {}
   };
 
   // Return empty searches until after hydration to prevent SSR/client mismatch.