web/satellite/vuetify-poc: fixed styling of stripe input

Made stripe input look more fancy on Payment Methods tab of Billing screen.

Issue:
https://github.com/storj/storj/issues/6399

Change-Id: I69497191b5c7a93905cdd4660ef733f17b4a2854

web/satellite/src/components/account/billing/paymentMethods/StripeCardInput.vue

@@ -152,15 +152,10 @@ defineExpose({
         box-sizing: border-box;
         width: 100%;
         padding: 13px 12px;
-        border: 1px solid transparent;
+        border: 1px solid var(--c-grey-2);
         border-radius: 4px;
         background-color: white;
-        box-shadow: 0 1px 3px 0 #e6ebf1;
-        transition: box-shadow 150ms ease;
-    }
-
-    .StripeElement--focus {
-        box-shadow: 0 1px 3px 0 #cfd7df;
+        box-shadow: 0 2px 5px 0 rgb(50 50 93 / 7%);
     }
 
     .StripeElement--invalid {

web/satellite/src/components/project/dashboard/ProjectDashboard.vue

@@ -599,7 +599,7 @@ onBeforeUnmount((): void => {
                             width: 10px;
                             height: 10px;
                             border-radius: 2px;
-                            background: #929fb1;
+                            background: var(--c-grey-5);
                         }
 
                         &__allocated-label {

web/satellite/vuetify-poc/src/components/AddCreditCardComponent.vue

@@ -9,6 +9,7 @@
             <template v-else>
                 <StripeCardInput
                     ref="stripeCardInput"
+                    class="mb-4"
                     :on-stripe-response-callback="addCardToDB"
                 />
             </template>