feat: add Motion SVG component and update React SVG styles

Author: pheralb

apps/website/src/components/ui/svgs/motion.tsx

@@ -0,0 +1,12 @@
+import type { SVGProps } from "react";
+
+const Motion = (props: SVGProps<SVGSVGElement>) => (
+  <svg {...props} viewBox="0 0 1103 386">
+    <path
+      className="fill-yellow-500 dark:fill-yellow-300"
+      d="M416.473 0 198.54 385.66H0L170.17 84.522C196.549 37.842 262.377 0 317.203 0Zm486.875 96.415c0-53.249 44.444-96.415 99.27-96.415 54.826 0 99.27 43.166 99.27 96.415 0 53.248-44.444 96.415-99.27 96.415-54.826 0-99.27-43.167-99.27-96.415ZM453.699 0h198.54L434.306 385.66h-198.54Zm234.492 0h198.542L716.56 301.138c-26.378 46.68-92.207 84.522-147.032 84.522h-99.27Z"
+    />
+  </svg>
+);
+
+export { Motion };

apps/website/src/components/ui/svgs/react.tsx

@@ -9,8 +9,8 @@ const React = (props: SVGProps<SVGSVGElement>) => (
     <g fill="none" fillRule="evenodd">
       <g
         transform="translate(-227, -256)"
-        fill="currentColor"
         fillRule="nonzero"
+        className="fill-blue-600 dark:fill-blue-400"
       >
         <g transform="translate(227, 256)">
           <path