feat(nc-gui): cloud button ui update

packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue

@@ -144,7 +144,7 @@ onMounted(() => {
 
     <div v-if="appInfo.ee" class="text-gray-500 text-xs pl-3">© 2023 NocoDB. Inc</div>
     <div v-else-if="isMounted" class="flex flex-row justify-between flex-wrap pt-1 truncate">
-      <div class="flex items-start flex-row justify-center px-3 gap-2">
+      <div class="flex items-start flex-row justify-center px-3 gap-2 mb-1">
         <GithubButton href="https://github.com/nocodb/nocodb" data-icon="octicon-star" data-show-count="true" data-size="large">
           Star
         </GithubButton>

packages/nc-gui/components/general/JoinCloud.vue

@@ -3,13 +3,17 @@ import { iconMap } from '#imports'
 </script>
 
 <template>
-  <a
+  <a v-e="['c:navbar:join-cloud']" class="flex !text-current !no-underline"
-    v-e="['c:navbar:join-cloud']"
+    href="https://docs.google.com/forms/d/e/1FAIpQLSfKLe8Rcrq0uo2_jM5W1kbVBbzDiQ3IvlP8Iov61FTekVAvzA/viewform?usp=pp_url">
-    class="flex justify-center mx-2 rounded-lg items-center space-x-1 w-full cursor-pointer pl-3 py-1.5 !text-current !no-underline !hover:(text-primary bg-primary bg-opacity-5)"
+    <div
-    href="https://docs.google.com/forms/d/e/1FAIpQLSfKLe8Rcrq0uo2_jM5W1kbVBbzDiQ3IvlP8Iov61FTekVAvzA/viewform?usp=pp_url"
+      class="group flex justify-center items-center rounded-l-sm w-full cursor-pointer px-2 py-1 !text-current !no-underline text-primary border-1 border-gray-300 bg-gray-100 m-0"
-    target="_blank"
+      target="_blank">
-  >
+      <component :is="iconMap.cloud" class="mr-1 mt-[1px] text-black group-hover:text-pink-400" />
-    <component :is="iconMap.cloud" class="mr-1" />
+    </div>
-    Join NocoDB Cloud
+    <div
+      class="group flex justify-center items-center rounded-r-sm w-full cursor-pointer px-2 py-1 text-primary border-r-1 border-b-1 border-t-1 border-gray-300 m-0"
+      target="_blank">
+      <div class="px-1 text-xs font-bold text-gray-700">Join Cloud</div>
+    </div>
   </a>
 </template>