Miscellaneous fixes (0.17 Beta) (#21489)

* Correctly set query padding

* Adjust AMD headers and add community badge

* Simplify getting started guide for camera wizard

* add optimizing performance guide

* tweaks

* fix character issue

* fix more characters

* fix links

* fix more links

* Refactor new docs

* Add import

* Fix link

* Don't list hardware

* Reduce redundancy in titles

* Add note about Intel NPU and addon

* Fix ability to specify if card is using heading

* improve display of area percentage

* fix text color on genai summary chip

* fix indentation in genai docs

* Adjust default config model to align with recommended

* add correct genai key

---------

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>

web/src/components/card/EmptyCard.tsx

@@ -8,6 +8,7 @@ type EmptyCardProps = {
   className?: string;
   icon: React.ReactNode;
   title: string;
+  titleHeading?: boolean;
   description?: string;
   buttonText?: string;
   link?: string;
@@ -16,14 +17,23 @@ export function EmptyCard({
   className,
   icon,
   title,
+  titleHeading = true,
   description,
   buttonText,
   link,
 }: EmptyCardProps) {
+  let TitleComponent;
+
+  if (titleHeading) {
+    TitleComponent = <Heading as="h4">{title}</Heading>;
+  } else {
+    TitleComponent = <div>{title}</div>;
+  }
+
   return (
     <div className={cn("flex flex-col items-center gap-2", className)}>
       {icon}
-      <Heading as="h4">{title}</Heading>
+      {TitleComponent}
       {description && (
         <div className="mb-3 text-secondary-foreground">{description}</div>
       )}