Allow staff to edit notice v2

app/admin/page.tsx

@@ -105,7 +105,7 @@ export default function Admin() {
                                 type="password"
                                 ref={pinRef}
                                 placeholder="•••••"
-                                className={`w-full bg-white border text-center text-2xl text-ebony font-mono p-3 rounded-xl focus:outline-none ${loginError ? 'border-emergency/50 bg-emergency/5' : 'border-slate-teal/20 focus:border-slate-teal'}`}
+                                className={`w-full bg-white border text-center text-2xl text-ebony font-mono p-3 rounded-xl tracking-widest focus:outline-none ${loginError ? 'border-emergency/50 bg-emergency/5' : 'border-slate-teal/20 focus:border-slate-teal'}`}
                                 onChange={() => setLoginError(false)}
                             />
                         </div>
@@ -123,7 +123,7 @@ export default function Admin() {
 
     const availableTabs = [];
     if (currentUser.role === 'Admin') availableTabs.push({ id: 'setup', icon: CalendarRange, label: 'Perioder' });
-    if (currentUser.role === 'Admin') availableTabs.push({ id: 'notice', icon: BellRing, label: 'Notis' });
+    if (currentUser.role === 'Admin' || currentUser.role === 'Staff') availableTabs.push({ id: 'notice', icon: BellRing, label: 'Notis' });
     if (currentUser.role === 'Admin' || currentUser.role === 'Staff') availableTabs.push({ id: 'today', icon: ClipboardCheck, label: 'Närvaro' });
     availableTabs.push({ id: 'report', icon: UsersIcon, label: 'Rapport' });
 
@@ -166,7 +166,7 @@ export default function Admin() {
                     )}
 
                     {activeTab === 'setup' && currentUser.role === 'Admin' && <SetupTab {...adminState} />}
-                    {activeTab === 'notice' && currentUser.role === 'Admin' && <NoticeTab isOffline={adminState.isOffline} />}
+                    {activeTab === 'notice' && (currentUser.role === 'Admin' || currentUser.role === 'Staff') && <NoticeTab isOffline={adminState.isOffline} />}
                     {activeTab === 'today' && (currentUser.role === 'Admin' || currentUser.role === 'Staff') && (
                         <AttendanceTab
                             periods={adminState.periods}