chore: Update the integration icons, logic for enabled/active attributes for the integration (#9828)

This PR would update the logos for the integrations (also add the dark mode variants to be used in the future) and updates the logic for enabled / active attributes in the apps.

app/javascript/dashboard/routes/dashboard/settings/integrationapps/IntegrationItem.vue

@@ -2,7 +2,7 @@
   <div class="flex">
     <div class="flex h-[6.25rem] w-[6.25rem]">
       <img
-        :src="'/dashboard/images/integrations/' + integrationLogo"
+        :src="`/dashboard/images/integrations/${integrationId}.png`"
         class="max-w-full p-6"
       />
     </div>

app/javascript/dashboard/routes/dashboard/settings/integrationapps/SingleIntegrationHooks.vue

@@ -7,7 +7,7 @@
         <div class="flex">
           <div class="flex h-[6.25rem] w-[6.25rem]">
             <img
-              :src="'/dashboard/images/integrations/' + integration.logo"
+              :src="`/dashboard/images/integrations/${integration.id}.png`"
               class="max-w-full p-6"
             />
           </div>

app/javascript/dashboard/routes/dashboard/settings/integrations/Index.vue

@@ -21,8 +21,7 @@
             class="bg-white dark:bg-slate-800 border border-solid border-slate-75 dark:border-slate-700/50 rounded-sm mb-4 p-4"
           >
             <integration
-              integration-id="dashboard-apps"
-              integration-logo="dashboard-apps.svg"
+              integration-id="dashboard_apps"
               :integration-name="
                 $t('INTEGRATION_SETTINGS.DASHBOARD_APPS.TITLE')
               "

app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue

@@ -4,7 +4,7 @@
   >
     <div class="flex items-center justify-start m-0 mx-4 flex-1">
       <img
-        :src="'/dashboard/images/integrations/' + integrationLogo"
+        :src="`/dashboard/images/integrations/${integrationId}.png`"
         class="p-2 h-16 w-16 mr-4"
       />
       <div>

app/javascript/dashboard/routes/dashboard/settings/integrations/integrations.routes.js

@@ -43,7 +43,7 @@ export default {
           },
         },
         {
-          path: 'dashboard-apps',
+          path: 'dashboard_apps',
           component: DashboardApps,
           name: 'settings_integrations_dashboard_apps',
           meta: {