changed tab bar to be mobile friendly and added next plays

components/scoreplaylog/data-table.tsx

@@ -52,7 +52,7 @@ export function DataTable<TData, TValue>({
 
   return (
     <div className="rounded-md border">
-      <div className="mb-2">
+      <div className="">
         <DebouncedInput
           value={globalFilter ?? ""}
           onChange={(value) => setGlobalFilter(String(value))}