lint: manually fix new website ESLint errors and warnings

- these were unable to be auto-fixed, so I had to manually fix them

- lint errors are from b09e195

website/components/video.js

@@ -1,4 +1,4 @@
-import { useRef, useCallback, useEffect } from 'react';
+import React, { useRef, useCallback, useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 import 'intersection-observer';
 

website/nextra.config.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Logo } from 'components/logo';
 
 export default {
@@ -67,7 +68,7 @@ export default {
         <a
           href="https://jaredpalmer.com/?utm_source=tsdx"
           target="_blank"
-          rel="noopener"
+          rel="noopener noreferrer"
           className="inline-flex items-center no-underline text-current font-semibold"
         >
           <span className="mr-1">A Jared Palmer Project</span>
@@ -80,7 +81,7 @@ export default {
             filepath
           }
           target="_blank"
-          rel="noopener"
+          rel="noopener noreferrer"
         >
           Edit this page on GitHub
         </a>

website/pages/_app.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import '.nextra/styles.css';
 import GoogleFonts from 'next-google-fonts';