first

frontend/app/(protected)/alerts/page.tsx

@@ -3,6 +3,7 @@
 import React, { useState, useEffect } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
 import Sidebar from '../../../components/ui/Sidebar'
+import AnimatedBackground from '../../../components/ui/AnimatedBackground'
 import useNavigationStore from '../../store/navigationStore'
 import DetectorList from '../../../components/alerts/DetectorList'
 import AlertsList from '../../../components/alerts/AlertsList'
@@ -141,12 +142,15 @@ const AlertsPage: React.FC = () => {
   }
 
   return (
-    <div className="flex h-screen bg-[#0e111a]"> 
-      <Sidebar 
-        activeItem={8} // История тревог 
-      />
+    <div className="relative flex h-screen bg-[#0e111a] overflow-hidden"> 
+      <AnimatedBackground />
+      <div className="relative z-20">
+        <Sidebar 
+          activeItem={8} // История тревог 
+        />
+      </div>
       
-      <div className="flex-1 flex flex-col">
+      <div className="relative z-10 flex-1 flex flex-col">
         <header className="bg-[#161824] border-b border-gray-700 px-6 py-4">
           <div className="flex items-center gap-4">
             <button 
@@ -171,7 +175,7 @@ const AlertsPage: React.FC = () => {
         <div className="flex-1 p-6 overflow-auto">
           <div className="mb-6">
             <div className="flex items-center justify-between mb-6">
-              <h1 className="text-white text-2xl font-semibold">Уведомления и тревоги</h1>
+              <h1 style={{ fontFamily: 'Inter, sans-serif', fontWeight: 600 }} className="text-white text-2xl">Уведомления и тревоги</h1>
               
               <div className="flex items-center gap-4">
                 {selectedDetectors.length > 0 && (