Merge develop to main

src/cryptometrics/components/table/Table.js

+import classNames from "classnames";
+import React from "react";
+
+export function Table({ children, className }) {
+  return <table className={classNames("w-full", className)}>{children}</table>;
+}
+
+export function TableRow({ children, className }) {
+  return (
+    <tr
+      className={classNames(
+        "w-full flex justify-between dark:bg-dark-600 my-4 mx-2 px-6 rounded-2xl cursor-pointer text-slate-900 dark:text-white hover:dark:bg-slate-900",
+        className
+      )}
+    >
+      {children}
+    </tr>
+  );
+}
+
+export function TableCell({ children, className }) {
+  return (
+    <td
+      className={classNames(
+        "flex flex-col justify-center items-center align-middle h-20 px-4 font-semibold",
+        className
+      )}
+    >
+      {children}
+    </td>
+  );
+}