feat(scans): add new component - alert bar

ui/app/(prowler)/compliance/page.tsx

@@ -40,6 +40,7 @@ export default async function Compliance({
           progress: scan.attributes.progress,
         })) || [];
   } catch (error) {
+    // eslint-disable-next-line no-console
     console.error("Error fetching scans data:", error);
   }
 
@@ -72,6 +73,7 @@ export default async function Compliance({
         )
       : [];
   } catch (error) {
+    // eslint-disable-next-line no-console
     console.error("Error fetching compliance data:", error);
   }
 
@@ -104,6 +106,7 @@ const SSRComplianceGrid = async ({
       region: regionFilter,
     });
   } catch (error) {
+    // eslint-disable-next-line no-console
     console.error("Error fetching compliances overview:", error);
     return (
       <div className="flex h-full items-center justify-center">

ui/app/(prowler)/scans/page.tsx

@@ -8,6 +8,7 @@ import {
   ButtonRefreshData,
   NoProvidersAdded,
   NoProvidersConnected,
+  ScanWarningBar,
 } from "@/components/scans";
 import { LaunchScanWorkflow } from "@/components/scans/launch-workflow";
 import { SkeletonTableScans } from "@/components/scans/table";
@@ -72,9 +73,10 @@ export default async function Scans({
               <Spacer y={8} />
             </>
           )}
-          <Spacer y={8} />
           <div className="grid grid-cols-12 items-start gap-4">
             <div className="col-span-12">
+              <ScanWarningBar />
+              <Spacer y={4} />
               <div className="flex flex-row items-center justify-between">
                 <DataTableFilterCustom filters={filterScans || []} />
                 <ButtonRefreshData