From bc4ae593998f9fa8558fa177455238638bcab731 Mon Sep 17 00:00:00 2001
From: juchechu <maxjerry242@gmail.com>
Date: Mon, 17 Aug 2026 10:41:48 +0100
Subject: [PATCH] feat: make Best Practices available to all users
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove admin-only gate and BETA badge from the Best Practices tab on the
dashboard — any authenticated user can now view the showcase.

Backend endpoint already public (auth middleware only, no AdminOnly).
---
 frontend/app/(main)/home/page.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/frontend/app/(main)/home/page.tsx b/frontend/app/(main)/home/page.tsx
index 46d9be8..54da4ac 100644
--- a/frontend/app/(main)/home/page.tsx
+++ b/frontend/app/(main)/home/page.tsx
@@ -323,26 +323,16 @@ export default function Dashboard() {
           )}
         </button>
         <button
-          onClick={() => { if (user?.role === "admin") setActiveTab("best-practices"); }}
-          aria-disabled={user?.role !== "admin" ? true : undefined}
-          title={user?.role !== "admin" ? "Private beta — administrators only" : undefined}
+          onClick={() => setActiveTab("best-practices")}
           className={cn(
             "pb-3 text-sm font-bold transition-colors relative flex items-center gap-2",
             activeTab === "best-practices"
               ? "text-foreground"
-              : user?.role === "admin"
-                ? "text-muted-foreground hover:text-foreground"
-                : "text-muted-foreground/40 cursor-not-allowed select-none"
+              : "text-muted-foreground hover:text-foreground"
           )}
         >
           <Trophy size={16} className={cn(activeTab === "best-practices" && "text-primary")} />
           Best Practices
-          {user?.role !== "admin" && (
-            <span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-mono font-bold leading-none bg-amber-500/15 text-amber-500 border border-amber-500/30">
-              <FlaskConical size={10} />
-              BETA
-            </span>
-          )}
           {activeTab === "best-practices" && (
             <div className="absolute bottom-0 left-0 w-full h-0.5 bg-primary"></div>
           )}