Feature tree loading indicator is too big and requires scroll to see (#6508)

Fixes #6477

src/Auth.tsx

@@ -7,7 +7,7 @@ export const Auth = ({ children }: React.PropsWithChildren) => {
   const isLoggingIn = authState.matches('checkIfLoggedIn')
 
   return isLoggingIn ? (
-    <Loading>
+    <Loading className="h-screen">
       <span data-testid="initial-load">Loading Design Studio...</span>
     </Loading>
   ) : (

src/components/EngineStream.tsx

@@ -418,7 +418,7 @@ export const EngineStream = (props: {
       {![EngineStreamState.Playing, EngineStreamState.Paused].some(
         (s) => s === engineStreamState.value
       ) && (
-        <Loading dataTestId="loading-engine" className="fixed inset-0">
+        <Loading dataTestId="loading-engine" className="fixed inset-0 h-screen">
           Connecting to engine
         </Loading>
       )}

src/components/Loading.tsx

@@ -111,7 +111,7 @@ const Loading = ({ children, className, dataTestId }: LoadingProps) => {
 
   return (
     <div
-      className={`body-bg flex flex-col items-center justify-center h-screen ${colorClass} ${className}`}
+      className={`body-bg flex flex-col items-center justify-center ${colorClass} ${className}`}
       data-testid={dataTestId ? dataTestId : 'loading'}
     >
       {isUnrecoverableError ? (

src/routes/Home.tsx

@@ -321,7 +321,7 @@ const Home = () => {
           className="flex-1 overflow-y-auto pr-2 pb-24"
         >
           {state?.matches(SystemIOMachineStates.readingFolders) ? (
-            <Loading>Loading your Projects...</Loading>
+            <Loading className="h-screen">Loading your Projects...</Loading>
           ) : (
             <>
               {searchResults.length > 0 ? (