feat: implement comprehensive UI/UX improvements

This commit implements 7 requested improvements:

1. Add footer component to all pages
   - Created reusable AppFooter component
   - Added to layout.tsx with flex-1 main container
   - Includes links to Legal, Disclaimer, Imprint, GitHub

2. Change search highlight from yellow to more discreet color
   - Updated mark styling with purple theme colors
   - Uses color-mix for theme-aware transparency
   - Added subtle border-bottom for better visibility

3. Strip markdown from search results
   - Created stripMarkdown function
   - Removes HTML tags, markdown links, images, formatting
   - Shows clean text descriptions only

4. Add page number links to pagination
   - Created getPageNumbers function with smart ellipsis
   - Shows current page ±2 pages with first/last always visible
   - Example: 1 ... 5 6 [7] 8 9 ... 20

5. Adjust README badge display to be inline
   - Custom marked renderer detects badges (shields.io, badgen, etc.)
   - Applies inline-block with !my-0 !mx-1 align-middle classes
   - Badges now display inline in paragraph flow

6. Fix relative image URLs in READMEs
   - Custom image renderer converts relative to absolute GitHub URLs
   - Handles ./path and path patterns
   - Converts to raw.githubusercontent.com URLs
   - Also handles /blob/ URLs conversion

7. Fix command menu highlight contrast
   - Reuses mark styling from search highlights
   - Consistent purple theme colors across app

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/search/page.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react'
 import { Suspense } from 'react'
 import { useSearchParams, useRouter } from 'next/navigation'
-import { Search, Star, Filter, SlidersHorizontal, ExternalLink } from 'lucide-react'
+import { Search, Star, Filter, SlidersHorizontal, ExternalLink, ChevronLeft, ChevronRight } from 'lucide-react'
 import { Input } from '@/components/ui/input'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
@@ -129,6 +129,48 @@ function SearchPageContent() {
     setFilters(prev => ({ ...prev, [key]: value }))
   }
 
+  // Strip markdown and HTML from descriptions
+  const stripMarkdown = (text: string | null): string => {
+    if (!text) return ''
+    return text
+      .replace(/<[^>]*>/g, '') // Remove HTML tags
+      .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1') // Convert [text](url) to text
+      .replace(/!\[([^\]]*)\]\([^)]+\)/g, '$1') // Convert ![alt](url) to alt text
+      .replace(/[*_~`#]/g, '') // Remove markdown formatting chars
+      .replace(/\s+/g, ' ') // Normalize whitespace
+      .trim()
+  }
+
+  // Generate page numbers for pagination
+  const getPageNumbers = (current: number, total: number): (number | string)[] => {
+    const delta = 2
+    const range: (number | string)[] = []
+    const rangeWithDots: (number | string)[] = []
+    let l: number | undefined
+
+    for (let i = 1; i <= total; i++) {
+      if (i === 1 || i === total || (i >= current - delta && i <= current + delta)) {
+        range.push(i)
+      }
+    }
+
+    for (const i of range) {
+      if (l !== undefined && typeof i === 'number') {
+        if (i - l === 2) {
+          rangeWithDots.push(l + 1)
+        } else if (i - l !== 1) {
+          rangeWithDots.push('...')
+        }
+      }
+      rangeWithDots.push(i)
+      if (typeof i === 'number') {
+        l = i
+      }
+    }
+
+    return rangeWithDots
+  }
+
   React.useEffect(() => {
     if (query) {
       performSearch(query)
@@ -314,7 +356,7 @@ function SearchPageContent() {
                   </div>
 
                   {result.description && (
-                    <p className="mb-3 text-muted-foreground">{result.description}</p>
+                    <p className="mb-3 text-muted-foreground">{stripMarkdown(result.description)}</p>
                   )}
 
                   {result.snippet && (
@@ -343,23 +385,43 @@ function SearchPageContent() {
 
             {/* Pagination */}
             {results.totalPages > 1 && (
-              <div className="mt-8 flex items-center justify-center gap-2">
+              <div className="mt-8 flex flex-wrap items-center justify-center gap-2">
                 <Button
                   variant="outline"
+                  size="icon"
                   disabled={results.page === 1}
                   onClick={() => performSearch(query, results.page - 1)}
+                  title="Previous page"
                 >
-                  Previous
+                  <ChevronLeft className="h-4 w-4" />
                 </Button>
-                <span className="mx-4 text-sm text-muted-foreground">
-                  Page {results.page} of {results.totalPages}
-                </span>
+
+                {getPageNumbers(results.page, results.totalPages).map((pageNum, idx) =>
+                  pageNum === '...' ? (
+                    <span key={`ellipsis-${idx}`} className="px-2 text-muted-foreground">
+                      ...
+                    </span>
+                  ) : (
+                    <Button
+                      key={pageNum}
+                      variant={pageNum === results.page ? 'default' : 'outline'}
+                      size="icon"
+                      onClick={() => performSearch(query, pageNum as number)}
+                      className={pageNum === results.page ? 'btn-awesome' : ''}
+                    >
+                      {pageNum}
+                    </Button>
+                  )
+                )}
+
                 <Button
                   variant="outline"
+                  size="icon"
                   disabled={results.page === results.totalPages}
                   onClick={() => performSearch(query, results.page + 1)}
+                  title="Next page"
                 >
-                  Next
+                  <ChevronRight className="h-4 w-4" />
                 </Button>
               </div>
             )}