Fix missing reuse of nav.module.css (#2349)

* Fix autoprefixer warning

* Fix missing reuse of nav.module.css

components/user-header.js

@@ -8,6 +8,7 @@ import { useState, useEffect } from 'react'
 import { Form, Input, SubmitButton } from './form'
 import { gql, useApolloClient, useMutation } from '@apollo/client'
 import styles from './user-header.module.css'
+import navStyles from '@/styles/nav.module.css'
 import { useMe } from './me'
 import { NAME_MUTATION } from '@/fragments/users'
 import { QRCodeSVG } from 'qrcode.react'
@@ -44,7 +45,7 @@ export default function UserHeader ({ user }) {
     <>
       <HeaderHeader user={user} />
       <Nav
-        className={styles.nav}
+        className={navStyles.nav}
         activeKey={activeKey}
       >
         <Nav.Item>

components/user-header.module.css

@@ -3,24 +3,6 @@
     margin-bottom: 0;
 }
 
-.nav {
-    margin: 1rem 0;
-    justify-content: start;
-    font-size: 110%;
-}
-
-.nav :global .nav-link {
-    padding-left: 0;
-}
-
-.nav :global .nav-item:not(:first-child) {
-    margin-left: 1rem;
-}
-
-.nav :global .active {
-    border-bottom: 2px solid var(--bs-primary);
-}
-
 .userimg {
     clip-path: polygon(0% 0%, 83% 0%, 100% 100%, 17% 100%);
     object-fit: cover;

pages/withdraw.js

@@ -3,7 +3,7 @@ import { CenterLayout } from '@/components/layout'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { InputGroup, Nav } from 'react-bootstrap'
-import styles from '@/components/user-header.module.css'
+import styles from '@/styles/nav.module.css'
 import { gql, useMutation, useQuery } from '@apollo/client'
 import { CREATE_WITHDRAWL, SEND_TO_LNADDR } from '@/fragments/invoice'
 import { requestProvider } from 'webln'