Modernize Next.js code (#89)

* Cleanup: Remove old code replaced by repository pattern

Removed:
- context/SearchProvider.tsx (replaced by ToolsProvider)
- components/tools/queries/ (React Query hooks no longer needed)
- components/tools/listPage/ListPageComponent/ (replaced by StaticListPageComponent)
- components/homepage/queries/ (homepage uses repository pattern)
- components/blog/queries/ (blog uses direct file access)
- components/tools/listPage/ToolsSidebar/FilterCard/utils.ts (inlined in components)

API Routes Removed:
- pages/api/tools.ts
- pages/api/paginated-tools.ts
- pages/api/tags/[type].ts
- pages/api/tool/[toolId].ts
- pages/api/mostViewed.ts
- pages/api/popularLanguages.ts

Utils-api Removed:
- cache.ts (no longer using file cache)
- filters.ts (filtering in ToolsFilter class)
- tools.ts (replaced by ToolsRepository)
- toolsWithVotes.ts (replaced by ToolsRepository.withVotes)
- tags.ts (replaced by TagsRepository)
- mostViewedTools.ts (replaced by StatsRepository)
- popularLanguageStats.ts (replaced by StatsRepository)
- toolStats.ts (replaced by StatsRepository)
- stars.ts (not used)
- github.ts (not used)
- urls.ts (not used)

Updated:
- blog.ts: Removed cache dependency, use direct file access
- screenshot.ts: Removed cache dependency, use in-memory cache
- query.ts: Removed SearchProvider types, proper TypeScript
- pages/languages/index.tsx: Use StatsRepository
- pages/tag/[slug].tsx: Remove SearchProvider wrapper
- pages/tool/[slug].tsx: Remove SearchProvider wrapper

* Refactor AffiliateCard links to use Link component directly

* Update Next.js patterns

Remove passHref from Link components and add filter types

- Remove unnecessary passHref prop from all Link components
- Add FilterKey, FiltersState, and OnFilterChange types for tag filters
- Refactor filter state and callbacks in tag page and sidebar to use new
  types

Author: mre

components/core/Footer/Footer.tsx

@@ -47,7 +47,7 @@ const Footer: FC = () => {
     return (
         <footer className={styles.footer}>
             <Wrapper className={styles.wrapper}>
-                <Link passHref href="/" className={styles.logoLink}>
+                <Link href="/" className={styles.logoLink}>
                     <Image
                         height="30"
                         width="30"

components/core/Navbar/Navbar.tsx

@@ -59,7 +59,6 @@ const Navbar: FC = () => {
             <Wrapper className={styles.wrapper}>
                 <div className={styles.logoWrapper}>
                     <Link
-                        passHref
                         href="/"
                         className={styles.logo}
                         aria-label="Analysis Tools Homepage">

components/elements/AutocompleteSearch/AutocompleteSearch.tsx

@@ -31,7 +31,7 @@ interface SearchResult {
 
 const Hit = (result: SearchResult) => {
     return (
-        <Link href={result.hit.fields.slug} passHref>
+        <Link href={result.hit.fields.slug}>
             <Highlight attribute="name" hit={result.hit} />
         </Link>
     );

components/sponsors/SponsorCard/SponsorCard.tsx

@@ -27,7 +27,6 @@ const SponsorCard: FC<SponsorCardProps> = ({ sponsor }) => {
             </div>
             <div className={styles.info}>
                 <Link
-                    passHref
                     href={`/tool/${sponsor.tool}`}
                     className={styles.toolLink}>
                     <Heading level={3} className={styles.toolName}>

components/tags/TagsSidebar/FilterCard/FilterCard.tsx

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { Input } from '@components/elements';
 import { Card } from '@components/layout';
 import { Heading } from '@components/typography';
+import { FilterKey, OnFilterChange } from '@components/tags/types';
 
 import styles from './FilterCard.module.css';
 import classNames from 'classnames';
@@ -14,10 +15,10 @@ export interface FilterOption {
 
 export interface FilterCardProps {
     heading: string;
-    filter: string;
+    filter: FilterKey;
     options: FilterOption[];
     className?: string;
-    onFilterChange: (filter: string, value: string, checked: boolean) => void;
+    onFilterChange: OnFilterChange;
 }
 
 const FilterCard: FC<FilterCardProps> = ({

components/tags/TagsSidebar/FilterCard/LanguageFilterCard.tsx

@@ -48,10 +48,7 @@ const RelatedCard: FC<RelatedCardProps> = ({
                     </li>
                 ))}
                 <li key={'all'}>
-                    <Link
-                        passHref={true}
-                        href={`/tools`}
-                        className={styles.relatedLink}>
+                    <Link href={`/tools`} className={styles.relatedLink}>
                         <Image
                             src={`/assets/icons/general/back.svg`}
                             alt={'Other Languages'}

components/tags/TagsSidebar/TagsSidebar.tsx

@@ -3,6 +3,7 @@ import { BlogPreview } from '@components/blog';
 import { ContributionCard, Newsletter } from '@components/elements';
 import { Sidebar } from '@components/layout';
 import { FilterCard, RelatedCard } from './FilterCard';
+import { OnFilterChange } from '@components/tags/types';
 import styles from './TagsSidebar.module.css';
 
 import {
@@ -17,7 +18,7 @@ import { LanguageFilterOption } from './FilterCard/LanguageFilterCard';
 export interface TagsSidebarProps {
     previews: ArticlePreview[];
     relatedLanguages: LanguageFilterOption[];
-    onFilterChange: (filter: string, value: string, checked: boolean) => void;
+    onFilterChange: OnFilterChange;
 }
 
 const TagsSidebar: FC<TagsSidebarProps> = ({

components/tags/index.ts

@@ -1 +1,2 @@
 export * from './TagsSidebar';
+export * from './types';

components/tags/types.ts

@@ -0,0 +1,23 @@
+/**
+ * Valid filter keys for tool filtering
+ */
+export type FilterKey = 'categories' | 'types' | 'licenses' | 'pricing';
+
+/**
+ * State object for tool filters
+ */
+export interface FiltersState {
+    categories: string[];
+    types: string[];
+    licenses: string[];
+    pricing: string[];
+}
+
+/**
+ * Callback type for filter changes
+ */
+export type OnFilterChange = (
+    filter: FilterKey,
+    value: string,
+    checked: boolean,
+) => void;

components/tools/listPage/ToolCard/ToolCard.tsx

@@ -49,18 +49,12 @@ const ToolCard: FC<ToolCardProps> = ({ tool }) => {
         <Card className={styles.toolCardWrapper}>
             <div className={styles.votes} ref={votesRef}>
                 <VoteWidget toolId={tool.id} />
-                <Link
-                    passHref={true}
-                    className={styles.clickOut}
-                    href={`/tool/${tool.id}`}>
+                <Link className={styles.clickOut} href={`/tool/${tool.id}`}>
                     <div className={styles.clickOut} />
                 </Link>
             </div>
             <div className={styles.info} onClick={handleElementClick}>
-                <Link
-                    passHref
-                    href={`/tool/${tool.id}`}
-                    className={styles.toolLink}>
+                <Link href={`/tool/${tool.id}`} className={styles.toolLink}>
                     <Heading level={3} className={styles.toolName}>
                         {tool.name}
                     </Heading>