Address patrick's suggestions

- Add favicon to the page

Author: joshdimanteto

public/favicon.svg

@@ -8,6 +8,9 @@ export const metadata: Metadata = {
   title: 'Operations Gateway',
   description:
     'Operations Gateway is a centralised platform for exploring, inspecting, and exporting operational data. It supports scalar values, images, waveforms, and vector data with dynamic visualisation tools and session-based workflows, enabling repeatable system insight and analysis.',
+  icons: {
+    icon: '/operationsgateway-project/favicon.svg',
+  },
 };
 
 export default function RootLayout({

src/app/layout.tsx

@@ -55,10 +55,8 @@ export default function Home() {
       >
         <Toolbar sx={{ display: 'flex', justifyContent: 'space-between' }}>
           {appBarLogo && (
-            <Box sx={{ display: 'flex', alignItems: 'center', width: '122px' }}>
-              {/* eslint-disable-next-line @next/next/no-img-element */}
-              <img src={appBarLogo} alt={appBarLogoAlt} width="122px" />
-            </Box>
+            // eslint-disable-next-line @next/next/no-img-element
+            <img src={appBarLogo} alt={appBarLogoAlt} height="24px" />
           )}
           <Stack
             direction="row"
@@ -382,7 +380,7 @@ export default function Home() {
           </Box>
 
           <Typography variant="body1" sx={{ mb: 2 }}>
-            Users can apply built-in functions to columns — such as math
+            Users can apply built-in functions to columns — such as mathematical
             operations or waveform transformations — to create virtual data
             channels that appear in the main table.
           </Typography>