Chore: Web widget Inbox Tech Debts (#738)

* Chore: Webwidget Inbox Tech Debts

* Additional customization options creating Web Widget
* Changes to edit Page for Web Widget
* Remove the WebWidget API end points
* Minor chores

Address: #680, #502

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

app/javascript/dashboard/components/SettingsSection.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="row settings--section">
+    <div class="medium-4">
+      <p class="sub-block-title">
+        {{ title }}
+      </p>
+      <p class="sub-head">
+        {{ subTitle }}
+      </p>
+    </div>
+    <div class="medium-6">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+    subTitle: {
+      type: String,
+      required: true,
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+@import '~dashboard/assets/scss/variables';
+
+.settings--section {
+  border-bottom: 1px solid $color-border;
+  display: flex;
+  padding: $space-normal 0;
+
+  .sub-block-title {
+    color: $color-woot;
+    font-weight: $font-weight-medium;
+    margin-bottom: 0;
+  }
+}
+</style>