feat(results): ✨ Brand new Results table

- Resizable columns
- Hide / Show columns
- Reorganize columns
- Expand result

apps/builder/components/results/ResultsTable/LoadingRows.tsx

@@ -0,0 +1,41 @@
+import { chakra, Checkbox, Flex, Skeleton } from '@chakra-ui/react'
+import React from 'react'
+
+type LoadingRowsProps = {
+  totalColumns: number
+}
+
+export const LoadingRows = ({ totalColumns }: LoadingRowsProps) => {
+  return (
+    <>
+      {Array.from(Array(3)).map((_, idx) => (
+        <tr key={idx}>
+          <chakra.td
+            px="2"
+            py="2"
+            border="1px"
+            borderColor="gray.200"
+            width="40px"
+          >
+            <Flex ml="1">
+              <Checkbox isDisabled />
+            </Flex>
+          </chakra.td>
+          {Array.from(Array(totalColumns)).map((_, idx) => {
+            return (
+              <chakra.td
+                key={idx}
+                px="4"
+                py="2"
+                border="1px"
+                borderColor="gray.200"
+              >
+                <Skeleton height="5px" w="full" />
+              </chakra.td>
+            )
+          })}
+        </tr>
+      ))}
+    </>
+  )
+}