Enhance security and localization features across the application

- Added rehype-sanitize plugin to the markdown configuration for improved security against XSS attacks.
- Updated environment variables in the codebase to include new configurations for SMTP and monitoring.
- Implemented secure headers in server and Nginx configurations to bolster security.
- Refactored email handling to prevent spoofing by ensuring safe sender addresses.
- Improved localization by updating language persistence and button components for better user experience.
- Enhanced the uptime API and contact form with better error handling and logging practices.
- Updated dependencies in package.json and package-lock.json for better performance and security.

src/pages/[lang]/index.astro

@@ -491,12 +491,12 @@ const metadata = {
           text: explosive.actions.learnMore,
           href: '#services',
           
-          class: 'cta-explosive'
+          variant: 'primary'
         },
         { 
-          text: explosive.actions.contactMe, 
+          text: explosive.actions.contactMe,
           href: '#contact',
-          class: 'cta-secondary-explosive'
+          variant: 'secondary'
         },
       ]}
       image={{
@@ -598,7 +598,13 @@ const metadata = {
             ))}
           </div>
           
-          <div class="text-lg pt-4 method-highlights" set:html={explosive.approach.highlights.replace(/\n/g, '<br/>')}>
+          <div class="text-lg pt-4 method-highlights">
+            {explosive.approach.highlights.split('\n').map((line) => (
+              <>
+                {line}
+                <br />
+              </>
+            ))}
           </div>
         </div>
       </Fragment>
@@ -612,7 +618,7 @@ const metadata = {
         text: explosive.cta.button,
         href: '#contact',
         icon: 'tabler:rocket',
-        class: 'cta-explosive'
+        variant: 'primary'
       }}
       classes={{
         container: 'glass-vibrant'