feature: discord community (#35)

* feature: discord community

* socials: update discord invite link

README.md

@@ -9,6 +9,9 @@
 <img src="https://img.shields.io/github/issues/Snouzy/workout-cool" alt="Issues">
 <img src="https://img.shields.io/github/languages/count/Snouzy/workout-cool" alt="Languages">
 <img src="https://img.shields.io/github/repo-size/Snouzy/workout-cool" alt="Repository Size">
+<a href="https://discord.com/invite/HfsmS7bzXh">
+   <img src="https://img.shields.io/badge/Discord-Join%20Community-5865F2?logo=discord&logoColor=white&style=flat-square" alt="Discord">
+</a>
 <a href="https://ko-fi.com/workoutcool">
    <img src="https://img.shields.io/badge/sponsor%20on-ko--fi-ff5f5f?logo=ko-fi&logoColor=white&style=flat-square">
 </a>
@@ -308,11 +311,18 @@ This project is licensed under the MIT License. See the [LICENSE](LICENSE) file
 ### How You Can Help
 
 - 🌟 **Star this repo** to show the world our community is alive and thriving
+- 💬 **Join our Discord** to connect with other fitness enthusiasts and developers
 - 🐛 **Report issues** you find. I'm listening to every single one
 - 💡 **Share your feature requests** finally, someone who will actually implement them !
 - 🔄 **Spread the word** to fellow fitness enthusiasts who lost hope
 - 🤝 **Contribute code** if you're a developer : let's build this together
 
+<div>
+  <a href="https://discord.com/invite/HfsmS7bzXh" target="_blank">
+    <img src="https://img.shields.io/badge/Discord-Join%20Our%20Community-5865F2?logo=discord&logoColor=white&style=for-the-badge" alt="Discord">
+  </a>
+</div>
+
 ## 💖 Sponsor This Project
 
 Appear in the README and on the website as supporter by donating:

src/components/svg/DiscordSvg.tsx

@@ -0,0 +1,5 @@
+export const DiscordSvg = ({ className, ...props }: React.SVGProps<SVGSVGElement>) => (
+  <svg className={className} fill="currentColor" viewBox="0 0 24 24" {...props}>
+    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+  </svg>
+);

src/features/layout/Footer.tsx

@@ -5,6 +5,7 @@ import { TFunction } from "locales/client";
 import { cn } from "@/shared/lib/utils";
 import { paths } from "@/shared/constants/paths";
 import { Link } from "@/components/ui/link";
+import { DiscordSvg } from "@/components/svg/DiscordSvg";
 
 const SOCIAL_LINKS = [
   {
@@ -22,6 +23,11 @@ const SOCIAL_LINKS = [
     icon: Mail,
     label: "Email",
   },
+  {
+    href: "https://discord.com/invite/HfsmS7bzXh",
+    icon: DiscordSvg,
+    label: "Discord",
+  },
 ];
 
 const NAVIGATION = (t: TFunction) => [