fix(deps): replace lucide brand icons with phosphor ones

apps/docs/content/docs/quickstart.mdx

@@ -766,7 +766,7 @@ If you encounter issues:
     View detailed logs with `docker compose logs -f zerobyte`
   </Card>
 
-  <Card title="GitHub Issues" icon={<Github />}>
+  <Card title="GitHub Issues" icon={<GithubLogoIcon />}>
     Report bugs or request features at [github.com/nicotsx/zerobyte/issues](https://github.com/nicotsx/zerobyte/issues)
   </Card>
 
@@ -817,6 +817,7 @@ You've successfully:
 
 Your data is now protected with encrypted, deduplicated backups. Zerobyte will continue to run backups automatically according to your schedule.
 
-import { FolderPlus, Cloud, Bell, History, FileText, Github, BookOpen, Users, Check } from "lucide-react";
+import { GithubLogoIcon } from "@phosphor-icons/react";
+import { FolderPlus, Cloud, Bell, History, FileText, BookOpen, Users, Check } from "lucide-react";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import { Accordion, Accordions } from "fumadocs-ui/components/accordion";

apps/docs/src/components/Footer.tsx

@@ -1,5 +1,5 @@
 import { Link } from "@tanstack/react-router";
-import { Github } from "lucide-react";
+import { GithubLogoIcon } from "@phosphor-icons/react";
 
 const repoUrl = "https://github.com/nicotsx/zerobyte";
 
@@ -29,7 +29,7 @@ export default function Footer() {
 							rel="noopener noreferrer"
 							className="flex items-center gap-2 text-sm text-muted-foreground transition-colors hover:text-foreground"
 						>
-							<Github className="h-4 w-4" />
+							<GithubLogoIcon className="h-4 w-4" />
 							GitHub
 						</a>
 					</nav>

apps/docs/src/components/Header.tsx

@@ -1,5 +1,5 @@
 import { Link } from "@tanstack/react-router";
-import { Github } from "lucide-react";
+import { GithubLogoIcon, DiscordLogoIcon } from "@phosphor-icons/react";
 
 const discordUrl = "https://discord.gg/MzBXz5v5XB";
 const repoUrl = "https://github.com/nicotsx/zerobyte";
@@ -46,9 +46,7 @@ export default function Header() {
 						rel="noopener noreferrer"
 						className={`${buttonBaseClass} size-9 text-muted-foreground hover:bg-accent hover:text-foreground`}
 					>
-						<svg aria-hidden="true" viewBox="0 0 24 24" className="h-5 w-5 fill-current">
+						<DiscordLogoIcon className="h-5 w-5" />
-							<path d="M20.317 4.369A19.791 19.791 0 0 0 15.44 3a13.967 13.967 0 0 0-.599 1.233 18.27 18.27 0 0 0-5.682 0A13.966 13.966 0 0 0 8.56 3a19.736 19.736 0 0 0-4.878 1.37C.598 9.04-.323 13.58.138 18.057A19.943 19.943 0 0 0 6.13 21a14.31 14.31 0 0 0 1.282-2.11 12.874 12.874 0 0 1-2.02-.964c.17-.123.336-.252.497-.385 3.897 1.78 8.148 1.78 12 0 .162.133.328.262.498.385a12.916 12.916 0 0 1-2.024.965A14.223 14.223 0 0 0 17.645 21a19.874 19.874 0 0 0 5.994-2.943c.541-5.19-.92-9.689-3.322-13.688ZM8.02 15.331c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.418 2.157-2.418 1.211 0 2.176 1.094 2.157 2.418 0 1.334-.955 2.419-2.157 2.419Zm7.96 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.418 2.157-2.418 1.211 0 2.176 1.094 2.157 2.418 0 1.334-.946 2.419-2.157 2.419Z" />
-						</svg>
 						<span className="sr-only">Join Discord</span>
 					</a>
 					<a
@@ -57,7 +55,7 @@ export default function Header() {
 						rel="noopener noreferrer"
 						className={`${buttonBaseClass} size-9 text-muted-foreground hover:bg-accent hover:text-foreground`}
 					>
-						<Github className="h-5 w-5" />
+						<GithubLogoIcon className="h-5 w-5" />
 						<span className="sr-only">View on GitHub</span>
 					</a>
 				</div>

apps/docs/src/components/LandingPage.tsx

@@ -11,7 +11,6 @@ import {
 	Copy,
 	Database,
 	FileQuestion,
-	Github,
 	HardDrive,
 	Layers,
 	Lock,
@@ -23,6 +22,7 @@ import {
 	Zap,
 	type LucideIcon,
 } from "lucide-react";
+import { GithubLogoIcon } from "@phosphor-icons/react";
 
 import { CornerCard } from "./CornerCard";
 import Footer from "./Footer";
@@ -224,7 +224,7 @@ export default function LandingPage() {
 				<section className="relative overflow-hidden border-b border-border">
 					<div aria-hidden className="landing-hero-docs-grid pointer-events-none absolute inset-0" />
 					<div aria-hidden className="landing-hero-glow pointer-events-none absolute inset-0" />
-					<div className="relative mx-auto max-w-[90rem] px-4 py-20 sm:px-6 sm:py-24 lg:py-32">
+					<div className="relative mx-auto max-w-360 px-4 py-20 sm:px-6 sm:py-24 lg:py-32">
 						<div className="grid items-center gap-12 min-[1100px]:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] min-[1100px]:gap-8 lg:gap-12">
 							<div className="text-left">
 								<p className="mb-4 text-sm font-medium uppercase tracking-wider text-strong-accent">
@@ -243,7 +243,7 @@ export default function LandingPage() {
 										<ArrowRight className="h-4 w-4" />
 									</Link>
 									<a href={repoUrl} target="_blank" rel="noopener noreferrer" className={outlineButtonClass}>
-										<Github className="h-4 w-4" />
+										<GithubLogoIcon className="h-4 w-4" />
 										View on GitHub
 									</a>
 								</div>
@@ -439,7 +439,7 @@ export default function LandingPage() {
 									<ArrowRight className="h-4 w-4" />
 								</Link>
 								<a href={repoUrl} target="_blank" rel="noopener noreferrer" className={outlineButtonClass}>
-									<Github className="h-4 w-4" />
+									<GithubLogoIcon className="h-4 w-4" />
 									View on GitHub
 								</a>
 							</div>