misc graph updates-token updates, translation issue, grammatical error (#3910)

Co-authored-by: Theresa Lehr <[email protected]>
Co-authored-by: Highbury1993 <[email protected]>

Author: 3 people

package-lock.json

@@ -1,12 +1,15 @@
-import { makeStyles, Text, tokens } from '@fluentui/react-components';
+import { Text, makeStyles, tokens } from '@fluentui/react-components';
+import { useAppDispatch, useAppSelector } from '../../../store';
+
 import Authentication from '../authentication/Authentication';
 import { FeedbackButton } from './FeedbackButton';
 import { Help } from './Help';
+import { PanelLeftExpand20Regular } from '@fluentui/react-icons';
 import { Settings } from './settings/Settings';
 import { Tenant } from './Tenant';
-import { useAppDispatch, useAppSelector } from '../../../store';
 import { toggleSidebar } from '../../services/slices/sidebar-properties.slice';
-import { PanelLeftExpand20Regular } from '@fluentui/react-icons';
+import { translateMessage } from '../../utils/translate-messages';
+
 const useStyles = makeStyles({
   root: {
     display: 'flex',
@@ -58,7 +61,14 @@ const MainHeader = ()=>{
         {mobileScreen && (
           <PanelLeftExpand20Regular className={styles.menuIcon} onClick={handleSidebarToggle} />
         )}
-        <Text size={mobileScreen ? 500 : 600} as="h1" className={styles.headerText}>Graph Explorer</Text>
+        <Text
+          size={mobileScreen ? 500 : 600} as="h1"
+          style={{lineHeight: '28px',
+            color: tokens.colorBrandForeground1
+          }}
+          className="notranslate">
+          {translateMessage('Graph Explorer')}
+        </Text>
       </div>
       <HeaderIcons />
     </div>

src/app/views/main-header/MainHeader.tsx

@@ -150,7 +150,7 @@ export function getTokens(user?: any) {
     },
     {
       placeholder: 'user-mail',
-      demoTenantValue: '[email protected].com',
+      demoTenantValue: '[email protected].com',
       authenticatedUserValueFn: () => {
         return emailAddress;
       }

src/app/views/sidebar/sample-queries/tokens.ts

@@ -515,7 +515,7 @@
   "sample queries group has ": "sample queries group has ",
   "Getting profile details":"Getting profile details",
   "Banner notification 1 header": "New to Graph Explorer?",
-  "Banner notification 1 content": "Graph Explorer is a developer tool that let's you learn about Microsoft Graph APIs. Use Graph Explorer to try the APIs on the default sample tenant to explore capabilities.",
+  "Banner notification 1 content": "Graph Explorer is a developer tool that lets you learn about Microsoft Graph APIs. Use Graph Explorer to try the APIs on the default sample tenant to explore capabilities.",
   "Banner notification 1 link text": "Follow a step-by-step tutorial",
   "Banner notification 1 link": "https://learn.microsoft.com/graph/graph-explorer/graph-explorer-overview?view=graph-rest-1.0/?WT.mc_id=msgraph_inproduct_graphex",
   "Dismiss banner": "Dismiss banner",