Add ai bot suggestions

surfsense_web/hooks/use-github-stars.ts

@@ -0,0 +1,49 @@
+import { useEffect, useState } from "react";
+
+export const useGithubStars = () => {
+	const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
+	const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
+
+	const [stars, setStars] = useState<number | null>(null);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState<string | null>(null);
+
+	useEffect(() => {
+		const getStars = async () => {
+			try {
+				if (!repo || !owner) {
+					throw new Error("Missing GitHub credentials");
+				}
+
+				setError(null);
+
+				const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`);
+
+				if (!response.ok) {
+					throw new Error(`Failed to fetch stars: ${response.statusText}`);
+				}
+
+				const data = await response.json();
+
+				setStars(data?.stargazers_count);
+			} catch (err) {
+				console.error("Error fetching stars:", err);
+				setError(err instanceof Error ? err.message : `Failed to fetch stars ${err}`);
+				throw err;
+			} finally {
+				setLoading(false);
+			}
+		};
+
+		getStars();
+	}, []);
+
+	return {
+		stars,
+		loading,
+		error,
+		compactFormat: Intl.NumberFormat("en-US", {
+			notation: "compact",
+		}).format(stars || 0),
+	};
+};