Todo table scroll, clickable columns now stored in server

src/components/todoStuff/todoTable.js

@@ -53,7 +53,7 @@ export default function TodoTable() {
   }
 
   return (
-    <div>
+    <div className={styles.tableContainer}>
       <div className={styles.table}>
         {Object.keys(columns).map((key) => {
           const category = columns[key]
@@ -70,6 +70,16 @@ export default function TodoTable() {
                       userId={userId}
                       categories={categories}
                       onClick={onCardClick}
+                      clickableTypes={Object.keys(columns).reduce(
+                        (acc, key) => {
+                          const col = columns[key]
+                          if (col.clickable) {
+                            acc.push(key)
+                          }
+                          return acc
+                        },
+                        []
+                      )}
                     />
                   )
                 } else {