fix: pass data-icon prop through FontAwesome icon wrappers

Replaced all bare `FC<{ className?: string }>` and `FC<HTMLAttributes<...>>`
wrappers that only forwarded `className` with `faIcon()` from
`src/lib/icon-wrapper.ts`, ensuring props like `data-icon` needed by the
Button component's CSS selector `*:data-icon:size-5` are correctly forwarded.
Also widened `NavItemBaseProps.icon` and `NavItemType.icon` prop types to
`FC<Record<string, any>>` to stay compatible with `faIcon()` return type.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/campaigns/campaign-edit-slideout.tsx

@@ -1,7 +1,6 @@
 import { useState } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faPenToSquare } from '@fortawesome/pro-duotone-svg-icons';
-import type { FC, HTMLAttributes } from 'react';
+import { faIcon } from '@/lib/icon-wrapper';
 import { SlideoutMenu } from '@/components/application/slideout-menus/slideout-menu';
 import { Input } from '@/components/base/input/input';
 import { Select } from '@/components/base/select/select';
@@ -10,9 +9,7 @@ import { apiClient } from '@/lib/api-client';
 import { notify } from '@/lib/toast';
 import type { Campaign, CampaignStatus } from '@/types/entities';
 
-const PenIcon: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
-    <FontAwesomeIcon icon={faPenToSquare} className={className} />
-);
+const PenIcon = faIcon(faPenToSquare);
 
 type CampaignEditSlideoutProps = {
     isOpen: boolean;