chores: minor css and docusaurus clean ups

src/components/HomepageFeatures/index.module.css

@@ -25,8 +25,7 @@
 
 .featureBackground::after {
   content: "";
-  top: 0;
-  left: 0;
+  inset: 0;
   z-index: -1;
   height: 100%;
   width: calc(100vw - (100vw - 100%));

src/pages/index.jsx

@@ -11,8 +11,8 @@ import styles from './index.module.css';
 
 const INSTALL_COMMAND = 'npx svgo';
 
-const onClick = async () => {
-  navigator.clipboard.writeText(INSTALL_COMMAND);
+function onClick() {
+  navigator.clipboard?.writeText(INSTALL_COMMAND);
 }
 
 function HomepageHeader() {

src/theme/DocRoot/Layout/Sidebar/ExpandButton/styles.module.css

@@ -1,8 +1,7 @@
 @media (min-width: 997px) {
   .expandButton {
     position: absolute;
-    top: 0;
-    right: 0;
+    inset: 0;
     width: 100%;
     height: 100%;
     display: flex;

src/theme/Root.jsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import SpriteSheet from '../components/SpriteSheet';
+
+export default function Root({ children }) {
+  return (
+    <>
+      <SpriteSheet />
+      {children}
+    </>
+  );
+}