fix(web): lint errors

Author: AchoArnold

web/src/components/app-bar.tsx

@@ -58,18 +58,21 @@ export function AppBar() {
 
   return (
     <Header>
-      <Header.Item sx={{ cursor: "pointer" }} onClick={() => router.push("/")}>
+      <Header.Item
+        style={{ cursor: "pointer" }}
+        onClick={() => router.push("/")}
+      >
         <Image src={Logo} height={48} alt={"httpmock.dev logo"} />
         <Heading
           sx={{ fontWeight: "lighter", display: ["none", "block"] }}
-          as={"h1"}
+          as={"h2"}
         >
           httpmock
         </Heading>
         {activeProject === null && (
           <Heading
             sx={{ fontWeight: "lighter", display: ["block", "none"] }}
-            as={"h1"}
+            as={"h2"}
           >
             httpmock
           </Heading>

web/src/store/provider.tsx

@@ -15,7 +15,7 @@ export interface StoreProviderProps {
 }
 
 export const AppStoreProvider = ({ children }: StoreProviderProps) => {
-  const storeRef = useRef<AppStoreApi>();
+  const storeRef = useRef<AppStoreApi>(null);
   if (!storeRef.current) {
     storeRef.current = createStore();
   }