add github, docs links etc. to settings about page

client/ui/frontend/src/modules/settings/SettingsAbout.tsx

@@ -1,5 +1,7 @@
 import { useTranslation } from "react-i18next";
 import { Browser } from "@wailsio/runtime";
+import { BookOpen, Github, MessageSquareText, MessagesSquare, Slack } from "lucide-react";
+import type { LucideIcon } from "lucide-react";
 import netbirdFull from "@/assets/logos/netbird-full.svg";
 import pkg from "../../../package.json";
 import { useStatus } from "@/modules/daemon-status/StatusContext.tsx";
@@ -18,6 +20,34 @@ export function SettingsAbout() {
 
     const handleVersionClick = useAccentTrigger();
 
+    const COMMUNITY_LINKS: { label: string; url: string; Icon: LucideIcon }[] = [
+        {
+            label: t("settings.about.community.github"),
+            url: "https://github.com/netbirdio/netbird",
+            Icon: Github,
+        },
+        {
+            label: t("settings.about.community.slack"),
+            url: "https://docs.netbird.io/slack-url",
+            Icon: Slack,
+        },
+        {
+            label: t("settings.about.community.forum"),
+            url: "https://forum.netbird.io",
+            Icon: MessagesSquare,
+        },
+        {
+            label: t("settings.about.community.documentation"),
+            url: "https://docs.netbird.io",
+            Icon: BookOpen,
+        },
+        {
+            label: t("settings.about.community.feedback"),
+            url: "https://forms.gle/TeLw2zrXEdw6RcQ36",
+            Icon: MessageSquareText,
+        },
+    ];
+
     const LEGAL_LINKS: { label: string; url: string }[] = [
         { label: t("settings.about.links.imprint"), url: "https://netbird.io/imprint" },
         { label: t("settings.about.links.privacy"), url: "https://netbird.io/privacy" },
@@ -55,9 +85,26 @@ export function SettingsAbout() {
 
             <UpdateVersionCard />
 
-            <p className={"text-sm text-nb-gray-300 text-center"}>
+            <p className={"text-sm text-nb-gray-300 text-center mt-2"}>
                 {t("settings.about.copyright", { year: new Date().getFullYear() })}
             </p>
+            <div
+                className={"flex flex-wrap justify-center gap-x-4 gap-y-1 text-xs text-nb-gray-200"}
+            >
+                {COMMUNITY_LINKS.map(({ label, url, Icon }) => (
+                    <button
+                        key={url}
+                        type={"button"}
+                        onClick={() => openUrl(url)}
+                        className={
+                            "inline-flex items-center gap-1.5 decoration-[0.5px] underline-offset-4 hover:text-nb-gray-100 hover:underline transition"
+                        }
+                    >
+                        <Icon className={"h-3.5 w-3.5"} />
+                        <span>{label}</span>
+                    </button>
+                ))}
+            </div>
             <div
                 className={"flex flex-wrap justify-center gap-x-4 gap-y-1 text-xs text-nb-gray-200"}
             >

client/ui/i18n/locales/de/common.json

@@ -244,6 +244,11 @@
     "settings.about.links.privacy": "Datenschutz",
     "settings.about.links.cla": "CLA",
     "settings.about.links.terms": "Nutzungsbedingungen",
+    "settings.about.community.github": "GitHub",
+    "settings.about.community.slack": "Slack",
+    "settings.about.community.forum": "Forum",
+    "settings.about.community.documentation": "Dokumentation",
+    "settings.about.community.feedback": "Feedback",
 
     "update.banner.message": "NetBird {version} ist installationsbereit.",
     "update.banner.later": "Später",

client/ui/i18n/locales/en/common.json

@@ -105,7 +105,7 @@
     "profile.dialog.submit": "Add Profile",
     "profile.dialog.required": "Please enter a profile name, e.g. Work, Home",
 
-    "header.menu.settings": "Settings",
+    "header.menu.settings": "Settings...",
     "header.menu.defaultView": "Default View",
     "header.menu.advancedView": "Advanced View",
     "header.menu.updateAvailable": "Update Available",
@@ -262,6 +262,11 @@
     "settings.about.links.privacy": "Privacy",
     "settings.about.links.cla": "CLA",
     "settings.about.links.terms": "Terms of Service",
+    "settings.about.community.github": "GitHub",
+    "settings.about.community.slack": "Slack",
+    "settings.about.community.forum": "Forum",
+    "settings.about.community.documentation": "Documentation",
+    "settings.about.community.feedback": "Feedback",
 
     "update.banner.message": "NetBird {version} is ready to install.",
     "update.banner.later": "Later",

client/ui/i18n/locales/hu/common.json

@@ -244,6 +244,11 @@
     "settings.about.links.privacy": "Adatvédelem",
     "settings.about.links.cla": "CLA",
     "settings.about.links.terms": "Felhasználási feltételek",
+    "settings.about.community.github": "GitHub",
+    "settings.about.community.slack": "Slack",
+    "settings.about.community.forum": "Fórum",
+    "settings.about.community.documentation": "Dokumentáció",
+    "settings.about.community.feedback": "Visszajelzés",
 
     "update.banner.message": "A NetBird {version} telepítésre kész.",
     "update.banner.later": "Később",