fix(deps): migrate to lucide-react 1.x (#293)

* deps(deps): bump lucide-react from 0.563.0 to 1.8.0

Bumps [lucide-react](https://github.com/lucide-icons/lucide/tree/HEAD/packages/lucide-react) from 0.563.0 to 1.8.0.
- [Release notes](https://github.com/lucide-icons/lucide/releases)
- [Commits](https://github.com/lucide-icons/lucide/commits/1.8.0/packages/lucide-react)

---
updated-dependencies:
- dependency-name: lucide-react
  dependency-version: 1.8.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix(deps): migrate to lucide-react 1.x

Lucide 1.x dropped brand icons (no Linkedin) and made LucideIcon
type-only. This bundles the major bump with the source-side fixes
so the dependabot PR #292 can be replaced cleanly.

- Add src/components/icons/LinkedinIcon.tsx as a small inline-SVG
  component matching the GitHubMark pattern. Uses currentColor so
  it inherits text color the same way the lucide icon did.
- Switch HeroSection and ContactSection to import LinkedinIcon
  instead of Linkedin from lucide-react.
- Fix the value-import of LucideIcon in MetricCard.tsx — it's a
  type now, not a runtime export.

All 215 tests pass; typecheck clean.

Closes #292

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: 3 people

package-lock.json

@@ -75,7 +75,7 @@
     "framer-motion": "^12.38.0",
     "googleapis": "^171.4.0",
     "gray-matter": "^4.0.3",
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^1.8.0",
     "mermaid": "^11.12.2",
     "next-themes": "^0.4.6",
     "react": "^18.3.1",

package.json

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { cn } from '@/lib/utils';
-import { LucideIcon, TrendingUp, TrendingDown } from 'lucide-react';
+import { TrendingUp, TrendingDown, type LucideIcon } from 'lucide-react';
 
 interface MetricCardProps {
   title: string;

src/components/analytics/MetricCard.tsx

@@ -0,0 +1,17 @@
+export function LinkedinIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      className={className}
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+    >
+      <path
+        d="M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 5,3Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

src/components/icons/LinkedinIcon.tsx

@@ -1,7 +1,8 @@
 
 import React from 'react';
 import { Button } from "@/components/ui/button";
-import { Mail, Linkedin } from "lucide-react";
+import { Mail } from "lucide-react";
+import { LinkedinIcon } from "@/components/icons/LinkedinIcon";
 import SloGauge from "@/components/icons/SloGauge";
 import UptimeTimeline from "@/components/icons/UptimeTimeline";
 import { Footer } from "@/components/layout/Footer";
@@ -50,7 +51,7 @@ const ContactSection = () => {
                 });
               }
             }}>
-              <Linkedin className="w-4 h-4 mr-2" />
+              <LinkedinIcon className="w-4 h-4 mr-2" />
               LinkedIn
             </a>
           </Button>

src/components/sections/ContactSection.tsx

@@ -1,8 +1,9 @@
 
 import React from 'react';
 import { Button } from "@/components/ui/button";
-import { Mail, Linkedin, MapPin, Activity } from "lucide-react";
+import { Mail, MapPin, Activity } from "lucide-react";
 import { GitHubMark } from "@/components/icons/GitHubMark";
+import { LinkedinIcon } from "@/components/icons/LinkedinIcon";
 import ErrorRateChart from "@/components/icons/ErrorRateChart";
 import LatencyHistogram from "@/components/icons/LatencyHistogram";
 import AlertCounter from "@/components/icons/AlertCounter";
@@ -63,7 +64,7 @@ const HeroSection = () => {
             </Button>
             <Button size="lg" className="bg-foreground text-background hover:bg-foreground/90 hover-lift font-medium" asChild>
               <a href="https://www.linkedin.com/in/dbochman/" target="_blank" rel="noopener noreferrer" aria-label="Visit Dylan Bochman's LinkedIn profile">
-                <Linkedin className="w-4 h-4 mr-2" />
+                <LinkedinIcon className="w-4 h-4 mr-2" />
                 LinkedIn
               </a>
             </Button>