report alert

src/pages/report/List.tsx

@@ -1,4 +1,5 @@
 import { type FC, useState } from 'react'
+import { InfoCircle } from 'iconsax-react'
 import Table from '@/components/Table'
 import Filters from '@/components/Filters'
 import { useGetReports } from './hooks/useReportData'
@@ -56,6 +57,15 @@ const ReportsList: FC = () => {
                 />
             </div>
 
+            <div className="mt-6 bg-blue-50 border border-blue-200 rounded-lg p-4 flex items-start gap-3">
+                <div className="flex-shrink-0 mt-0.5">
+                    <InfoCircle color='#0047FF' className="text-blue-600" size={20} variant="Bold" />
+                </div>
+                <p className="text-sm text-gray-700 leading-relaxed flex-1">
+                    در این بخش گزارش مشکلاتی که کاربران ارسال کرده‌اند را می‌توانید مشاهده کنید.
+                </p>
+            </div>
+
             <Table<Report & RowDataType>
                 columns={columns}
                 data={reports as (Report & RowDataType)[]}