Refactor TelegramManager and improve frontend article display

- Simplified inline keyboard button creation in TelegramManager for better readability.
- Adjusted the structure of the keyboard arrays to ensure proper formatting.
- Enhanced Articles.vue by cleaning up the layout and ensuring consistent spacing and alignment.
- Improved the handling of article display properties for better user experience.

web/frontend/src/views/Workers.vue

@@ -524,10 +524,12 @@ function closeGeneralModal() {
 
 async function saveWorker() {
   try {
-    const updatedWorkers = { ...workers.value };
+    const updatedWorkers = { 
-    if (!updatedWorkers.items) {
+      ...workers.value,
-      updatedWorkers.items = [];
+      items: [...(workers.value.items || [])],
-    }
+      disabled: [...(workers.value.disabled || [])],
+      general: workers.value.general || {}
+    };
     
     const workerData = {
       name: workerForm.value.name,
@@ -567,10 +569,14 @@ async function saveWorker() {
 
 async function saveGeneralConfig() {
   try {
-    const updatedWorkers = { ...workers.value };
+    const updatedWorkers = { 
-    updatedWorkers.general = {
+      ...workers.value,
+      items: workers.value.items || [],
+      disabled: workers.value.disabled || [],
+      general: {
         ...(textToArray(generalForm.value.title_exclude_text).length > 0 && { title_exclude: textToArray(generalForm.value.title_exclude_text) }),
         ...(textToArray(generalForm.value.description_exclude_text).length > 0 && { description_exclude: textToArray(generalForm.value.description_exclude_text) }),
+      }
     };
     
     await api.updateWorkers(updatedWorkers);
@@ -588,14 +594,17 @@ async function disableWorker(name) {
   }
   
   try {
-    const updatedWorkers = { ...workers.value };
+    const updatedWorkers = { 
-    if (!updatedWorkers.disabled) {
+      ...workers.value,
-      updatedWorkers.disabled = [];
+      items: workers.value.items || [],
-    }
+      disabled: [...(workers.value.disabled || [])]
+    };
+    
     if (!updatedWorkers.disabled.includes(name)) {
       updatedWorkers.disabled.push(name);
     }
-    await api.updateWshowGeneralModalorkers(updatedWorkers);
+    
+    await api.updateWorkers(updatedWorkers);
     await loadWorkers();
   } catch (error) {
     console.error('Error desactivando worker:', error);
@@ -605,10 +614,12 @@ async function disableWorker(name) {
 
 async function enableWorker(name) {
   try {
-    const updatedWorkers = { ...workers.value };
+    const updatedWorkers = { 
-    if (updatedWorkers.disabled) {
+      ...workers.value,
-      updatedWorkers.disabled = updatedWorkers.disabled.filter(n => n !== name);
+      items: workers.value.items || [],
-    }
+      disabled: [...(workers.value.disabled || [])].filter(n => n !== name)
+    };
+    
     await api.updateWorkers(updatedWorkers);
     await loadWorkers();
   } catch (error) {
@@ -623,11 +634,13 @@ async function deleteWorker(name) {
   }
   
   try {
-    const updatedWorkers = { ...workers.value };
+    const updatedWorkers = { 
-    updatedWorkers.items = updatedWorkers.items.filter(w => w.name !== name);
+      ...workers.value,
-    if (updatedWorkers.disabled) {
+      items: (workers.value.items || []).filter(w => w.name !== name),
-      updatedWorkers.disabled = updatedWorkers.disabled.filter(n => n !== name);
+      disabled: (workers.value.disabled || []).filter(n => n !== name),
-    }
+      general: workers.value.general || {}
+    };
+    
     await api.updateWorkers(updatedWorkers);
     await loadWorkers();
   } catch (error) {