implement main title for send message screen

abweb/html/send-message.html

@@ -41,21 +41,10 @@
     
     <!-- header -->
     <div id="includedHeader"></div>
-
+    <div id="includedMainTitle"></div>
     <!-- send message -->
     <main>
         <div class="container">
-            <!-- breadcrumb -->
-            <nav aria-label="breadcrumb">
-              <ol class="breadcrumb px-0 mb-0">
-                  <li class="breadcrumb-item"><a href="dashboard.html" class="text-decoration-none text-underline lang" lang="dashboard"></a></li>
-                  <li class="breadcrumb-item active lang" lang="sendMessageTitle" aria-current="page"><span></span></li>
-              </ol>
-            </nav>
-
-            <!-- title -->
-            <h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="sendMessageTitle"></h1>
-            
             <!-- content -->
             <div class="py-2">
               <div class="row">

abweb/js/sendMessage/send-message.js

@@ -102,6 +102,16 @@ SendMessage.templateSelectedCallback = function(template) {
  */
 SendMessage.init = function () {
     TEMPLATE.loadHearder("#includedHeader");
+    const navs = [
+        {
+            titleLang: 'dashboard',
+            href: 'dashboard.html',
+        },
+        {
+            titleLang: 'sendMessageTitle',
+        },
+    ];
+    TEMPLATE.loadMainNavsTitle("#includedMainTitle", "sendMessageTitle", navs, null);
     TEMPLATE.loadOperationSelect('#includeOperationSelect', SendMessage.operationSelectedCallback);
     TEMPLATE.loadNotificationSelect('#includeTemplateModal', SendMessage.templateSelectedCallback);
     //load lang for elements none class lang