fix: update apr and table height (#1978)

Author: neocybereth

apps/namadillo/src/App/AccountOverview/StakeSidebar.tsx

@@ -59,7 +59,7 @@ export const StakeSidebar = (): JSX.Element => {
             Claim
           </ActionButton>
           <footer className="text-center leading-snug">
-            {chainParams.data?.apr.toFixed(2)}%
+            {chainParams.data?.apr.multipliedBy(100).toFixed(2)}%
             <div className="text-xxs text-center">Est. Rewards Rate</div>
           </footer>
         </Panel>

apps/namadillo/src/App/AccountOverview/UnshieldedAssetTable.tsx

@@ -144,6 +144,7 @@ const TransparentTokensTable = ({
         Tokens
       </div>
       <TableWithPaginator
+        containerClassName="h-screen"
         id="transparent-tokens"
         headers={headers.concat("")}
         renderRow={renderRow}

apps/namadillo/src/App/Common/TableWithPaginator.tsx

@@ -12,6 +12,7 @@ type TableWithPaginatorProps<T> = {
   pageCount?: number;
   onPageChange?: (page: number) => void;
   children?: React.ReactNode;
+  containerClassName?: string;
 } & Pick<React.ComponentProps<typeof StyledTable>, "tableProps" | "headProps">;
 
 export const TableWithPaginator = <T,>({
@@ -25,6 +26,7 @@ export const TableWithPaginator = <T,>({
   children,
   tableProps,
   headProps,
+  containerClassName,
 }: TableWithPaginatorProps<T>): JSX.Element => {
   const containerRef = useRef<HTMLDivElement>(null);
   const [rows, setRows] = useState<TableRow[]>([]);
@@ -80,7 +82,8 @@ export const TableWithPaginator = <T,>({
     <div
       ref={containerRef}
       className={clsx(
-        "grid grid-rows-[1fr_auto] h-screen flex-1 overflow-hidden w-full gap-2"
+        containerClassName,
+        "grid grid-rows-[1fr_auto] flex-1 overflow-hidden w-full gap-2"
       )}
     >
       {styledTable}

apps/namadillo/src/App/Masp/ShieldedFungibleTable.tsx

@@ -143,6 +143,7 @@ export const ShieldedFungibleTable = ({
         Tokens
       </div>
       <TableWithPaginator
+        containerClassName="h-screen"
         id="shielded-tokens"
         headers={headers.concat("")}
         renderRow={renderRow}