add backend url to admin page + volume changed overlay bug fixed

Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>

src/components/player/atoms/VolumeChangedPopout.tsx

@@ -13,9 +13,9 @@ export function VolumeChangedPopout() {
     <Transition
       animation="slide-down"
       show={empheralVolume.showVolume}
-      className="absolute inset-x-0 top-4 flex justify-center"
+      className="absolute inset-x-0 top-4 flex justify-center pointer-events-none"
     >
-      <Flare.Base className="hover:flare-enabled bg-video-context-background pl-4 pr-6 py-3 group w-72 h-full rounded-lg transition-colors text-video-context-type-main">
+      <Flare.Base className="hover:flare-enabled pointer-events-auto bg-video-context-background pl-4 pr-6 py-3 group w-72 h-full rounded-lg transition-colors text-video-context-type-main">
         <Flare.Light
           enabled
           flareSize={200}

src/pages/parts/admin/ConfigValuesPart.tsx

@@ -19,6 +19,7 @@ function ConfigValue(props: { name: string; children?: ReactNode }) {
 export function ConfigValuesPart() {
   const normalRouter = conf().NORMAL_ROUTER;
   const appVersion = conf().APP_VERSION;
+  const backendUrl = conf().BACKEND_URL;
 
   return (
     <>
@@ -27,6 +28,7 @@ export function ConfigValuesPart() {
         {normalRouter ? "Normal routing" : "Hash based routing"}
       </ConfigValue>
       <ConfigValue name="Application version">v{appVersion}</ConfigValue>
+      <ConfigValue name="Backend URL">{backendUrl}</ConfigValue>
     </>
   );
 }