fix: apply ESLint rule vue/no-static-inline-styles

.eslintrc.js

@@ -111,6 +111,12 @@ module.exports = {
     'vue/no-empty-component-block': 'error',
     'vue/no-multiple-objects-in-class': 'error',
     'vue/no-root-v-if': 'warn',
+    'vue/no-static-inline-styles': [
+      'error',
+      {
+        allowBinding: false,
+      },
+    ],
     'vue/no-required-prop-with-default': [
       'error',
       {

app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue

@@ -394,7 +394,7 @@ export default {
           name="widget-view-options"
           :items="getWidgetViewOptions"
           :action="handleWidgetViewChange"
-          :style="{ 'text-align': 'center' }"
+          class="text-center"
         />
         <div v-if="isWidgetPreview" class="widget-preview">
           <Widget