refactor: update ReactGrabLogo dimensions in components

- Increased default width and height of ReactGrabLogo from 24 to 44 for better visibility.
- Adjusted viewBox dimensions in the SVG to maintain aspect ratio and improve rendering.
- Updated usage in stream-demo component to reflect new dimensions.

Author: aidenybai

packages/website/components/react-grab-logo.tsx

@@ -5,14 +5,14 @@ interface ReactGrabLogoProps {
 }
 
 export const ReactGrabLogo = ({
-  width = 24,
-  height = 24,
+  width = 44,
+  height = 44,
   className,
 }: ReactGrabLogoProps) => (
   <svg
     width={width}
     height={height}
-    viewBox="0 0 360 360"
+    viewBox="0 0 330 330"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     className={`react-grab-logo ${className ?? ""}`}

packages/website/components/stream-demo.tsx

@@ -151,8 +151,8 @@ const getConversationBlocks = (): StreamBlock[] => [
         >
           <ReactGrabLogo
             key="logo"
-            width={42}
-            height={42}
+            width={44}
+            height={44}
             className="logo-shimmer-once"
           />
         </div>