chore: updated positioning of scrollbars

Author: dastrong-codiga

src/renderer/components/CookbookTable/CookbookTable.tsx

@@ -43,8 +43,8 @@ type CookbookTableProps = {
 
 export default function CookbookTable({ cookbooks, page }: CookbookTableProps) {
   return (
-    <Box w="full" overflow="auto">
-      <TableContainer>
+    <Box w="full" h="full" overflow="hidden">
+      <TableContainer h="full" overflowY="scroll" overflowX="scroll">
         <Table variant="simple">
           <Tbody>
             {cookbooks.map((cookbook) => {

src/renderer/components/CookbookTable/CookbookTableLoading.tsx

@@ -15,8 +15,8 @@ const Td = (props: TableCellProps) => (
 
 export default function CookbookTableLoading() {
   return (
-    <Box w="full" overflow="auto">
-      <TableContainer>
+    <Box w="full" h="full" overflow="hidden">
+      <TableContainer h="full" overflowY="scroll" overflowX="scroll">
         <Table variant="simple">
           <Tbody>
             {[1, 2, 3, 4, 5, 6, 7].map((num, i) => (

src/renderer/components/SnippetTable/SnippetTable.tsx

@@ -32,8 +32,8 @@ type SnippetTableProps = {
 
 export default function SnippetTable({ page, recipes }: SnippetTableProps) {
   return (
-    <Box w="full" overflow="auto">
-      <TableContainer>
+    <Box w="full" h="full" overflow="hidden">
+      <TableContainer h="full" overflowY="scroll" overflowX="scroll">
         <Table variant="simple">
           <Tbody>
             {recipes.map((recipe) => {

src/renderer/components/SnippetTable/SnippetTableLoading.tsx

@@ -15,8 +15,8 @@ const Td = (props: TableCellProps) => (
 
 export default function SnippetTableLoading() {
   return (
-    <Box w="full" overflow="auto">
-      <TableContainer>
+    <Box w="full" h="full" overflow="hidden">
+      <TableContainer h="full" overflowY="scroll" overflowX="scroll">
         <Table variant="simple">
           <Tbody>
             {[1, 2, 3, 4, 5, 6, 7].map((num, i) => (