Fix GPA card: correct Counted GPA, card width, dark-mode text

Three fixes to the Phase 7 GPA/Credit cards:

- Counted GPA was wrong: parseHours matched /\d+/ + parseInt, so the
  scraped "3.7766 GPA" cell truncated to 3. Parse a full decimal
  (/\d+(?:\.\d+)?/ + parseFloat) so GPA cells keep their fractional
  part. Hours/course columns are always integers, so this is a no-op for
  them — the only snapshot changes are the two GPA rows (3 -> 3.7766,
  3 -> 3.6091).

- Card width collapsed: the side-panel VStack defaults to items-start,
  so the card shrank to its content instead of filling the w-sm column.
  Add w-full to both cards.

- Dark mode: hardcoded text-gray-500/600/700 don't flip, so the text was
  unreadable on the dark card. Switch to the theme-aware text-muted
  token, and give the "Required" GPA box an explicit text-text (it was
  inheriting default black, invisible in dark mode).

Author: spotta85

features/audit-scraping/audit-page-parser.ts

@@ -21,8 +21,10 @@ import type { RequirementProgressUnit } from "@/domain/progress";
 // --- Helper Functions ---
 
 export function parseHours(text: string): number {
-  const match = text.match(/\d+/);
-  return match ? parseInt(match[0], 10) : 0;
+  // Match a full decimal so GPA cells like "3.7766 GPA" keep their fractional
+  // part. Hours/course columns are always integers, so this is a no-op for them.
+  const match = text.match(/\d+(?:\.\d+)?/);
+  return match ? parseFloat(match[0]) : 0;
 }
 
 export function parseRequirementProgress(text: string): {

features/dashboard/gpa-credit-cards.tsx

@@ -74,21 +74,23 @@ export const GPATotalsCard = ({
   summary,
 }: GPATotalsProps) => {
   return (
-    <div className="p-5 rounded-lg border border-gray-200 bg-background shadow-md">
+    <div className="w-full p-5 rounded-lg border border-gray-200 bg-background shadow-md">
       <HStack x="between" y="top" fill>
         <h3 className="text-xl font-bold text-text">GPA Totals</h3>
         <InfoIcon />
       </HStack>
 
       <HStack gap={6} className="mt-4">
         <VStack gap={1}>
-          <span className="text-sm text-gray-500">Required</span>
+          <span className="text-sm text-muted">Required</span>
           <div className="px-4 py-2 bg-background border border-gray-300 rounded-lg">
-            <span className="text-lg font-semibold">{required.toFixed(4)}</span>
+            <span className="text-lg font-semibold text-text">
+              {required.toFixed(4)}
+            </span>
           </div>
         </VStack>
         <VStack gap={1}>
-          <span className="text-sm text-gray-500">Counted</span>
+          <span className="text-sm text-muted">Counted</span>
           <div className="px-4 py-2 bg-dap-green rounded-lg">
             <span className="text-lg font-semibold text-white">
               {counted.toFixed(4)}
@@ -98,7 +100,7 @@ export const GPATotalsCard = ({
       </HStack>
 
       {summary ? (
-        <p className="mt-4 text-sm text-gray-600">
+        <p className="mt-4 text-sm text-muted">
           {summary.hoursUsed} hours for a total of {summary.points} points were
           used to calculate the GPA.
         </p>
@@ -120,14 +122,14 @@ export const CreditHourTotalsCard = ({
   requirements,
 }: CreditHourTotalsProps) => {
   return (
-    <div className="p-5 rounded-lg border border-gray-200 bg-background shadow-md">
+    <div className="w-full p-5 rounded-lg border border-gray-200 bg-background shadow-md">
       <h3 className="text-xl font-bold text-text">Credit Hour Totals</h3>
 
       <VStack gap={3} className="mt-4">
         {requirements.map((req) => (
           <HStack key={req.text} gap={3} y="middle">
             <FramedStatusIcon state={STATUS_ICON_STATE[req.status]} />
-            <span className="text-sm text-gray-700">{req.text}</span>
+            <span className="text-sm text-muted">{req.text}</span>
           </HStack>
         ))}
       </VStack>

tests/scraping/__snapshots__/audit-scraper.test.ts.snap

@@ -654,7 +654,7 @@ OR
     {
       "rules": [
         {
-          "appliedHours": 3,
+          "appliedHours": 3.7766,
           "courses": [
             "course-1",
             "course-2",
@@ -677,7 +677,7 @@ OR
           "text": "A University GPA of 2.00 is required on all courses undertaken (including credit by examination, correspondence, and extension) for which a grade or symbol other than Q, W, X, or CR is recorded.",
         },
         {
-          "appliedHours": 3,
+          "appliedHours": 3.6091,
           "courses": [
             "course-1",
             "course-2",