Add focus styles to the Remix Jam FAQ to improve accessibility (#344)

* Add focus styles to the Remix Jam FAQ to improve accessibility

When using the keyboard to navigate the FAQ toggles, no focus styles are shown except when the FAQ is expanded.

* add group to summary and switch to focus-visible

---------

Co-authored-by: Brooks Lybrand <[email protected]>

Author: radu-cs

app/routes/jam/faq.tsx

@@ -176,11 +176,11 @@ export function Question({
     >
       <summary
         onClick={handleSummaryClick}
-        className="_no-triangle flex cursor-pointer items-center justify-between gap-3 p-4 font-conf-mono font-normal text-white transition-colors hover:bg-black md:p-6"
+        className="_no-triangle group flex cursor-pointer items-center justify-between gap-3 p-4 font-conf-mono font-normal text-white outline-none transition-colors hover:bg-black focus-visible:bg-black md:p-6"
       >
         {question}
         {/* Plus/Minus Icon - relies solely on group-open state */}
-        <div className="relative size-4 shrink-0 rounded-full p-1 opacity-30 ring ring-white/80 group-open:opacity-100 group-hover:opacity-100 md:size-8">
+        <div className="relative size-4 shrink-0 rounded-full p-1 opacity-30 ring ring-white/80 group-open:opacity-100 group-hover:opacity-100 group-focus-visible:opacity-100 md:size-8">
           <span className="absolute left-1/2 top-1/2 block h-[2px] w-1/2 -translate-x-1/2 -translate-y-1/2 bg-white/80" />
           <span
             className={clsx(