Studio: Switch order of buttons on the connected sites screen

[katinthehatsite]

Closes https://github.com/Automattic/dotcom-forge/issues/9486

Proposed Changes

This PR switches the order of the Connect site and Create new site on the Sync tab when the user has no connected sites.

Testing Instructions

• Pull the changes from this branch
• Start the app with STUDIO_SITE_SYNC=true npm start
• Navigate to the Sync tab
• Confirm that you can see the following design e.g. Connect site button first and Create new site button second:

Before these changes:

Design was introduced in this comment: p9Jlb4-ewp-p2#comment-13926

Pre-merge

Checklist

• Have you checked for TypeScript, React or other console errors?

[sejas]

I confirm I see the buttons in the correct order. I executed STUDIO_SITE_SYNC=true npm start.

It's nice that now it also matches the buttons, for the connected screen: