Add monitoring features and alert configurations

- Introduced new system metrics tracking with the ability to save and retrieve metrics such as CPU usage, memory usage, and network latency.
- Added alert configuration functionality, allowing users to set thresholds for metrics and receive notifications via email or chat.
- Updated the sidebar component to include a new "Monitorar SGSE" card for real-time system monitoring.
- Enhanced the package dependencies with `papaparse` and `svelte-chartjs` for improved data handling and charting capabilities.
- Updated the schema to support new tables for system metrics and alert configurations.

apps/web/src/routes/(dashboard)/ti/+page.svelte

@@ -237,6 +237,47 @@
       </div>
     </div>
 
+    <!-- Card Monitorar SGSE -->
+    <div class="card bg-gradient-to-br from-error/10 to-error/5 shadow-xl hover:shadow-2xl transition-all duration-300 hover:scale-105 border-2 border-error/20">
+      <div class="card-body">
+        <div class="flex items-center gap-4 mb-4">
+          <div class="p-3 bg-gradient-to-br from-error/30 to-error/20 rounded-2xl shadow-lg">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-10 w-10 text-error"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"
+              />
+            </svg>
+          </div>
+          <h2 class="card-title text-xl text-error">Monitorar SGSE</h2>
+        </div>
+        <p class="text-base-content/70 mb-4">
+          Monitore em tempo real as métricas técnicas do sistema: CPU, memória, rede, usuários online e muito mais. Configure alertas personalizados.
+        </p>
+        <div class="flex items-center gap-2 mb-4">
+          <div class="badge badge-error badge-sm">Tempo Real</div>
+          <div class="badge badge-outline badge-sm">Alertas</div>
+          <div class="badge badge-outline badge-sm">Relatórios</div>
+        </div>
+        <div class="card-actions justify-end">
+          <a href="/ti/monitoramento" class="btn btn-error shadow-lg hover:shadow-error/30">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+            </svg>
+            Monitorar Sistema
+          </a>
+        </div>
+      </div>
+    </div>
+
     <!-- Card Documentação -->
     <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
       <div class="card-body">