feat: Add SMS Integration & SMS Message Form.

src/style/pages/NotifyConactViaSMS/NotifyConactViaSMSDialog.scss

@@ -14,7 +14,7 @@
     }
 
     .form-group {
-      &--note {
+      &--sms_message {
         .bp3-form-content {
           textarea {
             width: 100%;

src/style/pages/Preferences/SMSIntegration.scss

@@ -0,0 +1,38 @@
+// SMS Integration.
+// ---------------------------------
+
+.preferences-page__inside-content--sms-integration {
+  .bigcapital-datatable {
+    .table {
+      .tbody {
+        .notification {
+          &__label {
+            font-weight: 500;
+          }
+
+          &__desc {
+            font-size: 13px;
+            margin-top: 3px;
+            line-height: 1.25;
+            display: block;
+          }
+        }
+
+        .sms_message.td {
+          .edit-text {
+            display: inline-block;
+            font-size: 11.5px;
+            color: #1652c8;
+            margin-left: 2px;
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+  .bp3-tabs {
+    .bp3-tab-panel {
+      margin-top: 0;
+    }
+  }
+}

src/style/pages/SMSMessage/SMSMessage.scss

@@ -0,0 +1,29 @@
+.dialog--sms-message {
+  max-width: 350px;
+
+  .bp3-form-group {
+    margin-bottom: 15px;
+
+    label.bp3-label {
+      font-size: 13px;
+      margin-bottom: 6px;
+    }
+  }
+
+  .form-group {
+    &--message_text {
+      .bp3-form-content {
+        textarea {
+          width: 100%;
+          min-width: 100%;
+          min-height: 90px;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  .bp3-dialog-footer {
+    padding-top: 10px;
+  }
+}