add: report problem page

src/components/input/InputField.tsx

@@ -15,7 +15,7 @@ function InputField({ onChange, htmlFor, labelText, children, valid = true, clas
     return (
         <div className={`${className} ${valid ? 'border-border' : 'border-invalid'} h-11 inline-flex relative border px-3 w-full rounded-normal group focus-within:border`}>
             <label
-                className='absolute start-2 -top-2.5 px-2 bg-container text-[12px] text-foreground'
+                className='absolute start-2 -top-2.5 px-2 bg-inherit text-[12px] text-foreground'
                 htmlFor={htmlFor}>
                 {labelText}
             </label>
@@ -25,7 +25,7 @@ function InputField({ onChange, htmlFor, labelText, children, valid = true, clas
                     onChange={onChange}
                     className={clsx(
                         inputProps['aria-errormessage'] && '!text-red-300',
-                        'py-2.5 pt-3.5 text-base w-full outline-0 !leading-6'
+                        'py-2.5 pt-3.5 text-sm2 w-full outline-0 !leading-6'
                     )}
                     name={htmlFor}
                     {...inputProps} />

src/components/menu/SideMenu.tsx

@@ -40,7 +40,7 @@ const menuItems: Array<Array<MenuItemType>> = [
         { href: 'transactions', title: 'Transactions', icon: <ReceiptIcon width={20} height={20} /> },
         { href: '/', title: 'Games', icon: <GameControllerIcon width={20} height={20} /> },
         { href: '?share', title: 'ShareWithFriends', icon: <ThumbsUpIcon width={20} height={20} /> },
-        { href: 'services', title: 'ReportProblem', icon: <NoteBoardIcon width={20} height={20} /> },
+        { href: 'report', title: 'ReportProblem', icon: <NoteBoardIcon width={20} height={20} /> },
         { href: 'invoices', title: 'InstallApp', icon: <DirectboxReceiveIcon width={20} height={20} /> }
     ],
     [],

src/components/wrapper/ClientMenuRouteWrapper.tsx.tsx

@@ -66,7 +66,7 @@ function ClientMenuRouteWrapper({ children }: Props) {
 
 
       <main
-        className="noscrollbar overflow-y-auto h-svh pt-0 pb-12 outline mx-2 outline-blue-500 px-4"
+        className="noscrollbar overflow-y-auto h-svh pt-0 pb-12 mx-2 px-2"
       >
         {children}
       </main>