Improve google sheet integration (#437)

* fix integration modal error

* Provider card icon dynamic

* Google Sheets Integration Actions fetch integration data till interval

* fix show form tablist - params slug issue

* validation on delete connection

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/settings/ProviderCard.vue

@@ -7,7 +7,7 @@
         class="mr-4 text-blue-500"
       >
         <Icon
-          name="mdi:google"
+          :name="service?.icon"
           size="32px"
         />
       </div>
@@ -87,6 +87,7 @@ const props = defineProps({
 })
 
 const providersStore = useOAuthProvidersStore()
+const service = computed(() => providersStore.getService(props.provider?.provider))
 const alert = useAlert()
 
 function disconnect() {

client/components/settings/ProviderModal.vue

@@ -65,15 +65,7 @@ defineProps({
 const emit = defineEmits(['close'])
 
 const providersStore = useOAuthProvidersStore()
-
-const services = [
-  {
-    name: 'google',
-    title: 'Google',
-    icon: 'mdi:google',
-    enabled: true
-  },
-]
+const services = computed(() => providersStore.services)
 
 function connect(service) {
   providersStore.connect(service.name)