Greenlight version number only appears for admins (bigbluebutton#5893)

* Greenlight version number only appears for admins

- Changes to App.jsx: passed in currentUser to the Footer
- Footer renders the version number if the current user is an admin

* - currentUser is no longer passed as a prop to the Footer component.
  Footer component imports useAuth to get the current user

Author: alihadimazeh

app/javascript/components/shared_components/Footer.jsx

@@ -19,17 +19,20 @@ import { useTranslation } from 'react-i18next';
 import { Container } from 'react-bootstrap';
 import useEnv from '../../hooks/queries/env/useEnv';
 import useSiteSetting from '../../hooks/queries/site_settings/useSiteSetting';
+import { useAuth } from '../../contexts/auth/AuthProvider';
 
 export default function Footer() {
   const { t } = useTranslation();
   const { data: env } = useEnv();
   const { data: links } = useSiteSetting(['Terms', 'PrivacyPolicy']);
+  const currentUser = useAuth();
+  const isAdmin = currentUser && currentUser.role && currentUser?.role.name === 'Administrator';
 
   return (
     <footer id="footer" className="footer background-whitesmoke text-center">
       <Container id="footer-container" className="py-3">
         <a href="https://docs.bigbluebutton.org/greenlight/v3/install" target="_blank" rel="noreferrer">Greenlight</a>
-        <span className="text-muted"> {env?.VERSION_TAG} </span>
+        { isAdmin && <span className="text-muted"> {env?.VERSION_TAG} </span> }
         { links?.Terms
           && (
             <a className="ps-3" href={links?.Terms} target="_blank" rel="noreferrer">