fix: top-align empty organization view and scroll the full page

Replace the vertically centered grid with a top-aligned, page-scrolling
layout so the new project form no longer jumps when switching project
types and the scrollbar spans the whole pane.

Author: gatzjames

packages/insomnia/src/ui/components/panes/no-project-view.tsx

@@ -13,17 +13,19 @@ interface Props {
 export const NoProjectView: FC<Props> = ({ storageRules }) => {
   const { credentials, providers } = useGitCredentials();
   return (
-    <div className="m-auto grid w-[min(700px,100%)] grid-rows-[min-content_1fr_min-content] place-items-stretch items-stretch gap-4 overflow-hidden p-16 text-(--color-font)">
-      <div>
-        <p className="mb-3 text-3xl font-semibold">Welcome to your organization!</p>
-        <Heading className="mb-3">Create a new project to get started</Heading>
+    <div className="h-full w-full overflow-y-auto text-(--color-font)">
+      <div className="mx-auto flex w-[min(700px,100%)] flex-col gap-4 p-16">
+        <div>
+          <p className="mb-3 text-3xl font-semibold">Welcome to your organization!</p>
+          <Heading className="mb-3">Create a new project to get started</Heading>
+        </div>
+        <ProjectCreateForm
+          storageRules={storageRules}
+          defaultProjectName="My first project"
+          credentials={credentials}
+          providers={providers}
+        />
       </div>
-      <ProjectCreateForm
-        storageRules={storageRules}
-        defaultProjectName="My first project"
-        credentials={credentials}
-        providers={providers}
-      />
     </div>
   );
 };