Use project name for credential preview on DO

dashboard/src/main/home/onboarding/steps/ProvisionResources/forms/_DOProvisionerForm.tsx

@@ -106,30 +106,29 @@ export const CredentialsForm: React.FC<{
           <PreviewRow>
             <Flex>
               <i className="material-icons">account_circle</i>
-              Name: {connectedAccount.client}
+              Project name: {connectedAccount.target_id}
             </Flex>
             <div>Connected at {readableDate(connectedAccount.created_at)}</div>
           </PreviewRow>
         </>
       )}
-      {
-        connectedAccount !== null ? (
-          <Helper>
-            Want to use a different account?{" "}
-            <A 
-             href={`/api/projects/${project?.id}/oauth/digitalocean?redirect_uri=${encoded_redirect_uri}`}
-            >
-              Sign in to DigitalOcean
-            </A>.
-          </Helper>
-        ) : (
-          <ConnectDigitalOceanButton
+      {connectedAccount !== null ? (
+        <Helper>
+          Want to use a different account?{" "}
+          <A
             href={`/api/projects/${project?.id}/oauth/digitalocean?redirect_uri=${encoded_redirect_uri}`}
           >
-            Sign In to DigitalOcean
-          </ConnectDigitalOceanButton>
-        )
-      }
+            Sign in to DigitalOcean
+          </A>
+          .
+        </Helper>
+      ) : (
+        <ConnectDigitalOceanButton
+          href={`/api/projects/${project?.id}/oauth/digitalocean?redirect_uri=${encoded_redirect_uri}`}
+        >
+          Sign In to DigitalOcean
+        </ConnectDigitalOceanButton>
+      )}
 
       <Br height="5px" />
       {connectedAccount !== null && (
@@ -365,7 +364,7 @@ const PreviewRow = styled.div`
 
 const Br = styled.div<{ height?: string }>`
   width: 100%;
-  height: ${props => props.height || "15px"};
+  height: ${(props) => props.height || "15px"};
 `;
 
 const CodeBlock = styled.span`