Fix FOUC on package load

wally-registry-frontend/src/pages/Package.tsx

@@ -1,16 +1,16 @@
-import React, { useEffect, useState, createRef } from "react"
-import { useParams, useLocation, useHistory } from "react-router"
+import React, { createRef, useEffect, useState } from "react"
+import { useHistory, useLocation, useParams } from "react-router"
 import styled from "styled-components"
-import { isMobile, notMobile } from "../breakpoints"
 import iconDownload from "../assets/icon-download.svg"
+import { isMobile, notMobile } from "../breakpoints"
 import { Button } from "../components/Button"
 import ContentSection from "../components/ContentSection"
 import CopyCode from "../components/CopyCode"
 import NotFoundMessage from "../components/NotFoundMessage"
 import { Heading, Paragraph } from "../components/Typography"
 import {
-  getWallyPackageMetadata,
   buildWallyPackageDownloadLink,
+  getWallyPackageMetadata,
 } from "../services/wally.api"
 import { WallyPackageMetadata } from "../types/wally"
 import capitalize from "../utils/capitalize"
@@ -276,7 +276,7 @@ export default function Package() {
     return (
       <>
         <ContentSection>
-          <div>Loading...</div>
+          <FlexColumns>Loading...</FlexColumns>
         </ContentSection>
       </>
     )