Fix sidebar badge colors and remove simulated metrics

Author: khrnchn

app/(admin)/admin/dashboard/components/async-components.tsx

@@ -18,7 +18,6 @@ import {
 	StatsSkeleton,
 	TableSkeleton,
 } from "./loading-skeletons";
-import { RealTimeMetrics } from "./real-time-metrics";
 import { TopContributors } from "./top-contributors";
 
 export async function AsyncDashboardStats() {
@@ -61,11 +60,6 @@ export async function AsyncActivityFeed() {
 	return <ActivityFeed data={latestActivities} />;
 }
 
-export async function AsyncRealTimeMetrics() {
-	const stats = await getDashboardStats();
-	return <RealTimeMetrics data={stats} />;
-}
-
 export async function AsyncInstitutionTable() {
 	const latestActivities = await getLatestActivities();
 	return <InstitutionTable data={latestActivities} />;

app/(admin)/admin/dashboard/components/real-time-metrics.tsx

@@ -1,14 +1,13 @@
+import { Suspense } from "react";
 import { AppSidebar } from "@/components/app-sidebar";
 import { SiteHeader } from "@/components/site-header";
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
-import { Suspense } from "react";
 import {
 	AsyncActivityFeed,
 	AsyncDashboardCharts,
 	AsyncDashboardMap,
 	AsyncDashboardStats,
 	AsyncInstitutionTable,
-	AsyncRealTimeMetrics,
 	AsyncTopContributors,
 } from "./components/async-components";
 import {
@@ -69,9 +68,6 @@ export default function DashboardPage() {
 								>
 									<AsyncActivityFeed />
 								</Suspense>
-								<Suspense fallback={<StatsSkeleton />}>
-									<AsyncRealTimeMetrics />
-								</Suspense>
 							</div>
 						</div>
 					</div>

app/(admin)/admin/dashboard/page.tsx

@@ -159,7 +159,7 @@ export function NavMain({
 						>
 							<Link
 								href="/contribute"
-								className="flex items-center gap-2"
+								className="flex items-center gap-2 text-primary-foreground hover:text-primary-foreground"
 								target="_blank"
 								rel="noopener noreferrer"
 							>