fix(docusaurus-theme): fill Codesandbox icon with currentColor (#8127)

packages/docusaurus-theme/src/components/codesandbox_icon/codesandbox_icon.tsx

@@ -1,7 +1,16 @@
-export const CodeSandboxIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" preserveAspectRatio="xMidYMid"
-       viewBox="-20 0 296 296">
-    <path
-      d="M115.498 261.088v-106.61L23.814 101.73v60.773l41.996 24.347v45.7l49.688 28.54Zm23.814.627 50.605-29.151V185.78l42.269-24.495v-60.011l-92.874 53.621v106.82Zm80.66-180.887-48.817-28.289-42.863 24.872-43.188-24.897-49.252 28.667 91.914 52.882 92.206-53.235ZM0 222.212V74.495L127.987 0 256 74.182v147.797l-128.016 73.744L0 222.212Z" />
+import { HTMLAttributes } from 'react';
+
+type Props = HTMLAttributes<SVGElement>;
+
+export const CodeSandboxIcon = (props: Props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    preserveAspectRatio="xMidYMid"
+    viewBox="-20 0 296 296"
+    {...props}
+  >
+    <path d="M115.498 261.088v-106.61L23.814 101.73v60.773l41.996 24.347v45.7l49.688 28.54Zm23.814.627 50.605-29.151V185.78l42.269-24.495v-60.011l-92.874 53.621v106.82Zm80.66-180.887-48.817-28.289-42.863 24.872-43.188-24.897-49.252 28.667 91.914 52.882 92.206-53.235ZM0 222.212V74.495L127.987 0 256 74.182v147.797l-128.016 73.744L0 222.212Z" />
   </svg>
 );

packages/website/README.md

@@ -72,7 +72,7 @@ to have version-specific search experience without the need to run
 a search server.
 
 Because the search index is generated in build time, it means that
-searching is not possible when running the development sever.
+searching is not possible when running the development server.
 Please refer to the [Building the website](#building-the-website) section
 to learn how to build the documentation site locally
 and serve it to use local search.