Build svg into components.

src/app/(main)/reports/retention/RetentionReport.tsx

@@ -4,7 +4,7 @@ import { Report } from '../[reportId]/Report';
 import { ReportHeader } from '../[reportId]/ReportHeader';
 import { ReportMenu } from '../[reportId]/ReportMenu';
 import { ReportBody } from '../[reportId]/ReportBody';
-import Magnet from '@/assets/magnet.svg';
+import { Icons } from '@/components/icons';
 import { REPORT_TYPES } from '@/lib/constants';
 import { parseDateRange } from '@/lib/date';
 import { endOfMonth, startOfMonth } from 'date-fns';
@@ -21,7 +21,7 @@ const defaultParameters = {
 export function RetentionReport({ reportId }: { reportId?: string }) {
   return (
     <Report reportId={reportId} defaultParameters={defaultParameters}>
-      <ReportHeader icon={<Magnet />} />
+      <ReportHeader icon={<Icons.Magnet />} />
       <ReportMenu>
         <RetentionParameters />
       </ReportMenu>