Lots of frontend changes

frontend/src/components/faq/FAQPage.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { ChevronIcon } from '../ui/icons/ChevronIcon';
 
 interface FAQItem {
   question: string;
@@ -78,15 +79,10 @@ function FAQItemCard({ item }: { item: FAQItem }) {
         onClick={() => setOpen(!open)}
       >
         <span className="font-medium text-warm-900 dark:text-warm-100">{item.question}</span>
-        <svg
+        <ChevronIcon
+          direction="down"
           className={`w-5 h-5 shrink-0 text-warm-400 dark:text-warm-500 transform ${open ? 'rotate-180' : ''}`}
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-          strokeWidth={2}
-        >
-          <path strokeLinecap="round" strokeLinejoin="round" d="M19 9l-7 7-7-7" />
-        </svg>
+        />
       </button>
       {open && (
         <div className="px-5 pb-4">