Make data transfer pages live

app/routes/data-transfer.tsx

@@ -34,7 +34,7 @@ export default function () {
       </Text>
       <br />
       <br />
-      <Button as="a" href="/data-transfer/start">
+      <Button as="a" href="/data-transfer/start" colorScheme="blue">
         Start my Transfer
       </Button>
     </Container>

app/routes/data-transfer_.complete.tsx

@@ -1,4 +1,4 @@
-import Success from "../../../components/Success.js";
+import Success from "../../components/Success.js";
 
 export default function () {
   return (

app/routes/data-transfer_.start.tsx

@@ -31,6 +31,9 @@ export default function () {
         style={{ display: showCookieBox ? "initial" : "none" }}
       />
       <Button
+        colorScheme="blue"
+        isLoading={loading}
+        loadingText="Processing..."
         onClick={async () => {
           setLoading(true);
           const createTransferReq = await fetch("/api/data-transfers/create", {
@@ -65,8 +68,6 @@ export default function () {
           );
         }}
         pt="32px"
-        isLoading={loading}
-        loadingText="Processing..."
       >
         Continue
       </Button>