Dashboard UI updates (#545)

Author: daveearley

frontend/package.json

@@ -96,4 +96,4 @@
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-copy": "^0.1.6"
   }
-}
+}

frontend/public/logo-wide-white-text.svg

@@ -1,4 +1,4 @@
-import React, {FC, PropsWithChildren, useEffect, useRef, useState} from "react";
+import React, {FC, PropsWithChildren, useEffect} from "react";
 import {MantineProvider} from "@mantine/core";
 import {Notifications} from "@mantine/notifications";
 import {i18n} from "@lingui/core";
@@ -15,7 +15,6 @@ import "@mantine/dropzone/styles.css";
 import "@mantine/charts/styles.css";
 import "./styles/global.scss";
 import {isSsr} from "./utilites/helpers.ts";
-import {dynamicActivateLocale, getSupportedLocale} from "./locales";
 import {StartupChecks} from "./StartupChecks.tsx";
 import {ThirdPartyScripts} from "./components/common/ThirdPartyScripts";
 
@@ -33,26 +32,22 @@ export const App: FC<
     }>
 > = (props) => {
     const [isLoadedOnBrowser, setIsLoadedOnBrowser] = React.useState(false);
-    const localeActivated = useRef(false);
-    const [loaded, setLoaded] = useState(isSsr());
 
     useEffect(() => {
-        if (!localeActivated.current && typeof window !== "undefined") {
-            localeActivated.current = true;
-            dynamicActivateLocale(getSupportedLocale(props.locale)).then(() => setLoaded(true));
-        }
         setIsLoadedOnBrowser(!isSsr());
     }, []);
 
-    if (!loaded) {
-        return <></>;
-    }
-
     return (
         <React.StrictMode>
             <div
                 className="ssr-loader"
                 style={{
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    margin: 0,
+                    padding: 0,
                     width: "100vw",
                     height: "100vh",
                     position: "fixed",

frontend/src/App.tsx

@@ -2,7 +2,7 @@ import {t} from "@lingui/macro";
 import classes from "./FloatingPoweredBy.module.scss";
 import classNames from "classnames";
 import React from "react";
-import {iHavePurchasedALicence} from "../../../utilites/helpers.ts";
+import {iHavePurchasedALicence, isHiEvents} from "../../../utilites/helpers.ts";
 
 /**
  * (c) Hi.Events Ltd 2025
@@ -25,7 +25,7 @@ export const PoweredByFooter = (props: React.DetailedHTMLProps<React.HTMLAttribu
     return (
         <div {...props} className={classNames(classes.poweredBy, props.className)}>
             <div className={classes.poweredByText}>
-                {t`Powered by`}{'  '}
+                {isHiEvents() ? t`Event Ticketing by` : t`Powered by`} {'  '}
                 {/* eslint-disable-next-line lingui/no-unlocalized-strings */}
                 <a href="https://hi.events?utm_source=app-powered-by-footer"
                    target="_blank"