only link to profile settings in status bar for admin users

web/src/components/Statusbar.tsx

@@ -7,6 +7,7 @@ import useStats, { useAutoFrigateStats } from "@/hooks/use-stats";
 import { cn } from "@/lib/utils";
 import type { ProfilesApiResponse } from "@/types/profile";
 import { getProfileColor } from "@/utils/profileColors";
+import { useIsAdmin } from "@/hooks/use-is-admin";
 import { useContext, useEffect, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import useSWR from "swr";
@@ -18,6 +19,7 @@ import { Link } from "react-router-dom";
 
 export default function Statusbar() {
   const { t } = useTranslation(["views/system"]);
+  const isAdmin = useIsAdmin();
 
   const { messages, addMessage, clearMessages } = useContext(
     StatusBarMessagesContext,
@@ -154,7 +156,8 @@ export default function Statusbar() {
             </Link>
           );
         })}
-        {activeProfile && (
+        {activeProfile &&
+          (isAdmin ? (
             <Link to="/settings?page=profiles">
               <div className="flex cursor-pointer items-center gap-2 text-sm hover:underline">
                 <span
@@ -168,7 +171,19 @@ export default function Statusbar() {
                 </span>
               </div>
             </Link>
+          ) : (
+            <div className="flex items-center gap-2 text-sm">
+              <span
+                className={cn(
+                  "size-2 shrink-0 rounded-full",
+                  activeProfile.color.dot,
                 )}
+              />
+              <span className="max-w-[150px] truncate">
+                {activeProfile.friendlyName}
+              </span>
+            </div>
+          ))}
       </div>
       <div className="no-scrollbar flex h-full max-w-[50%] items-center gap-2 overflow-x-auto">
         {Object.entries(messages).length === 0 ? (