Css fix, pendingBounties, Account link

src/app/account/[id]/layout.tsx

@@ -0,0 +1,17 @@
+import { Metadata } from 'next';
+import * as React from 'react';
+
+import '@/styles/colors.css';
+
+export const metadata: Metadata = {
+  title: 'Account',
+  description: 'Account details',
+};
+
+export default function AccountLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <>{children}</>;
+}

src/app/account/[id]/page.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import dynamic from 'next/dynamic';
+import * as React from 'react';
+
+import Header from '@/components/layout/Header';
+
+import ContextProvider from '@/app/context/ContextProvider';
+const AccountInfo = dynamic(() => import('@/components/account/AccountInfo'), { ssr: false });
+import Footer from '@/components/layout/Footer';
+
+import WalletProvider from '@/app/context/WalletProvider';
+import { usePathname } from 'next/navigation';
+
+
+
+const Account = () => {
+
+  const pathname = usePathname();
+  const accountLink = pathname.split('/').pop() || '';
+
+  console.log(accountLink)
+
+  return (
+    <ContextProvider>
+      <WalletProvider>
+      <Header />
+      <div className='container mx-auto px-5 lg:px-0 pt-16'>
+        <AccountInfo />
+      </div>
+      <Footer />
+      </WalletProvider>
+    </ContextProvider>
+  );
+};
+
+export default Account;

src/app/account/page.tsx

@@ -7,13 +7,16 @@
 
 import ContextProvider from '@/app/context/ContextProvider';
 const AccountInfo = dynamic(() => import('@/components/account/AccountInfo'), { ssr: false });
 import Footer from '@/components/layout/Footer';
 
 import WalletProvider from '@/app/context/WalletProvider';
+import { usePathname } from 'next/navigation';
 
 
 
 const Account = () => {
+
+
   return (
     <ContextProvider>
       <WalletProvider>

src/app/context/ContextProvider.tsx

@@ -111,6 +111,18 @@ const ContextProvider: React.FC<ContextProviderProps> = ({ children }) => {
       backdrop-filter: blur(4px);
     }
 
+    .transaction-status-layout__content{
+      background-color: rgba(209, 236, 255, 0.2); 
+      border:1px solid white;
+      color:white;
+      backdrop-filter: blur(4px);
+    }
+
+    input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover{
+      -webkit-text-fill-color:white!important;
+      color:white!important;
+    }
+
     .user-profile__fields{
       background-color: rgba(209, 236, 255, 0.2); 
       border:1px solid white;