fix eslint issues

apps/prax-marketing-site/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite --port 5173",
-    "clean": "rm -rfv dist",
     "build": "tsc && vite build",
+    "clean": "rm -rfv dist",
+    "dev": "vite --port 5173",
     "lint": "eslint ."
   },
   "dependencies": {

apps/prax-marketing-site/src/components/index.tsx

@@ -2,33 +2,33 @@ import { Link } from 'react-router-dom';
 
 export const Index = () => {
   return (
-    <div className='bg-neutral-800 w-full min-h-screen flex flex-col gap-4 items-center justify-center'>
-      <img src='./prax-white-vertical.svg' className='w-72 h-72' />
-      <div className='relative inline-flex group -ml-4 mb-2'>
-        <div className='text-3xl font-bold text-white font-pj'>
+    <div className='flex min-h-screen w-full flex-col items-center justify-center gap-4 bg-neutral-800'>
+      <img src='./prax-white-vertical.svg' className='size-72' />
+      <div className='group relative -ml-4 mb-2 inline-flex'>
+        <div className='text-3xl font-bold text-white'>
           <div>Personal.</div>
           <div>Private.</div>
           <div>Practical.</div>
         </div>
       </div>
-      <div className='relative inline-flex group -ml-4 my-8'>
-        <div className='absolute transitiona-all duration-1000 opacity-70 -inset-px bg-gradient-to-r from-[#ff8f2f] via-[#c9b67c] to-[#8be4d9] rounded-xl blur-lg group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 animate-tilt'></div>
+      <div className='group relative my-8 -ml-4 inline-flex'>
+        <div className='absolute -inset-px rounded-xl bg-gradient-to-r from-[#ff8f2f] via-[#c9b67c] to-[#8be4d9] opacity-70 blur-lg transition-all duration-1000 group-hover:-inset-1 group-hover:opacity-100 group-hover:duration-200'></div>
         <a
           href='https://chromewebstore.google.com/detail/penumbra-wallet/lkpmkhpnhknhmibgnmmhdhgdilepfghe'
           title='Install the Prax Wallet'
-          className='relative inline-flex items-center justify-center px-7 py-3 text-lg font-bold text-white transition-all duration-200 bg-gray-900 font-pj rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900'
+          className='relative inline-flex items-center justify-center rounded-xl bg-gray-900 px-7 py-3 text-lg font-bold text-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2'
           role='button'
         >
           Add to Chrome
         </a>
       </div>
-      <div className='relative inline-flex group -ml-4' style={{ maxWidth: '250px' }}>
-        <div className='text-l text-white font-pj'>
+      <div className='group relative -ml-4 inline-flex' style={{ maxWidth: '250px' }}>
+        <div className='text-lg text-white'>
           Prax Wallet is a local-first browser wallet for Penumbra that puts you in control of your
           data.
         </div>
       </div>
-      <Link to='/privacy-policy' className='-ml-4 text-neutral-600 italic underline'>
+      <Link to='/privacy-policy' className='-ml-4 italic text-neutral-600 underline'>
         Privacy Policy
       </Link>
     </div>

apps/prax-marketing-site/src/components/privacy-policy.tsx

@@ -1,14 +1,14 @@
 export const PrivacyPolicy = () => {
   return (
-    <div className='bg-neutral-800 w-full flex flex-col gap-4 text-white p-10 min-h-screen'>
+    <div className='flex min-h-screen w-full flex-col gap-4 bg-neutral-800 p-10 text-white'>
       <p className='text-3xl'>Privacy Policy</p>
       <p className='italic'>Last updated: May 6, 2024</p>
 
       <p>
-        Welcome to Prax Wallet, created by Penumbra Labs Inc. (“<b>Penumbra Labs</b>,” "<b>we</b>,"
-        "<b>our</b>," or "<b>us</b>"). We are committed to protecting your privacy. This Privacy
-        Policy describes our limited data processing activities related to your use of the Prax
-        Wallet application (the “<b>Software</b>”).
+        Welcome to Prax Wallet, created by Penumbra Labs Inc. (“<b>Penumbra Labs</b>,” &quot;
+        <b>we</b>,&quot; &quot;<b>our</b>,&quot; or &quot;<b>us</b>&quot;). We are committed to
+        protecting your privacy. This Privacy Policy describes our limited data processing
+        activities related to your use of the Prax Wallet application (the “<b>Software</b>”).
       </p>
 
       <p>
@@ -27,7 +27,7 @@ export const PrivacyPolicy = () => {
         In particular, we do <u>not</u> collect the following categories of personal information
         from you:
       </p>
-      <ul className='list-disc ml-10'>
+      <ul className='ml-10 list-disc'>
         <li>
           <b>Identifiers</b>. We do not collect name, email address, contact information, financial
           information, transaction history, or device information.

apps/prax-marketing-site/src/components/root-router.tsx

@@ -1,5 +1,5 @@
 import { createHashRouter } from 'react-router-dom';
-import { Index } from './index';
+import { Index } from '.';
 import { PrivacyPolicy } from './privacy-policy';
 
 export const rootRouter = createHashRouter([

apps/prax-marketing-site/tsconfig.json

@@ -1,5 +1,5 @@
 {
   "extends": "tsconfig/vite.json",
-  "include": ["src", "*.ts", "__mocks__"],
+  "include": ["src", "*.ts", "__mocks__", "eslint.config.mjs"],
   "exclude": ["node_modules"]
 }