Timeline Border overlaps Loading Bar Screen (#312)

css issue, simple fix

Co-authored-by: wil <wil@storyteller.ai>

app/modules/TopBar/TopBar.tsx

@@ -20,7 +20,7 @@ export const TopBar = ({ pageName }: Props) => {
   const currentLocation = getCurrentLocationWithoutParams(useLocation().pathname, useParams());
 
   return (
-    <header className="fixed left-0 top-0 z-10 w-full border-b border-ui-panel-border bg-ui-panel">
+    <header className="fixed left-0 top-0 z-30 w-full border-b border-ui-panel-border bg-ui-panel">
       <nav
         className="mx-auto grid h-[64px] w-screen grid-cols-3 items-center justify-between p-3"
         aria-label="Global">

app/pages/PageEnigma/PageEnigma.tsx

@@ -23,7 +23,7 @@ export const PageEnigma = ({
       </EngineProvider>
       <LoadingBar
         id="editor-loading-bar"
-        wrapperClassName="absolute top-0 left-0"
+        wrapperClassName="absolute top-0 left-0 z-20"
         innerWrapperClassName="max-w-screen-sm"
       />
     </TrackProvider>