fix: replace Card with div and add header for trademark disclaimer

Co-Authored-By: Connor Prussin <connor@dourolabs.xyz>

Author: devin-ai-integration[bot]

apps/insights/src/components/PriceFeeds/index.module.scss

@@ -100,6 +100,13 @@
       gap: theme.spacing(4);
       color: theme.color("foreground");
       font-size: theme.font-size("sm");
+
+      .trademarkDisclaimerHeader {
+        @include theme.text("lg", "medium");
+
+        color: theme.color("heading");
+        margin-bottom: theme.spacing(2);
+      }
     }
   }
 }

apps/insights/src/components/PriceFeeds/index.tsx

@@ -124,11 +124,11 @@ export const PriceFeeds = async () => {
           />
         </UnstyledTabPanel>
       </UnstyledTabs>
-      <Card
-        className={styles.trademarkDisclaimerCard}
-        title="Trademark Disclaimer"
-      >
+      <div className={styles.trademarkDisclaimerCard}>
         <div className={styles.trademarkDisclaimerContent}>
+          <h3 className={styles.trademarkDisclaimerHeader}>
+            Trademark Disclaimer
+          </h3>
           <p>
             This website may display ticker symbols, product names, and other
             identifiers that are trademarks, service marks or trade names of
@@ -152,7 +152,7 @@ export const PriceFeeds = async () => {
             displays at its discretion.
           </p>
         </div>
-      </Card>
+      </div>
     </div>
   );
 };