build(css): new design with tailwind and daisyui

apps/web/src/app/panels/Visualization.tsx

+import React from 'react';
 import { RawJSONVis, NodeLinkVis, PaohVis, SemanticSubstrates } from '@graphpolaris/shared/lib/vis';
-import Panel from '../../components/panels/panel';
 import { assignNewGraphQueryResult, useAppDispatch } from '@graphpolaris/shared/lib/data-access';
 
 export const VisualizationPanel = () => {
-  const dispatch = useAppDispatch();
-
   return (
-    <div>
+    <div className="h-full w-full overflow-y-auto">
+      <h1>Visualization Panel</h1>
       {/* <div>
         <button
           onClick={() =>
@@ -36,17 +35,9 @@ export const VisualizationPanel = () => {
 
       {/* width: '83%',
           height: '95vh', */}
-      <div className="h-[60vh] overflow-y-auto">
-        {/* <div className="h-full overflow-y-auto"> */}
-        {/* <RawJSONVis /> */}
-
-        {/* <PaohVis
-          rowHeight={30}
-          hyperedgeColumnWidth={30}
-          gapBetweenRanges={3}
-        /> */}
-        {/* <RawJSONVis /> */}
+      <div className="w-full h-[calc(100%-2rem)]">
         {/* <RawJSONVis /> */}
+        {/* <PaohVis rowHeight={30} hyperedgeColumnWidth={30} gapBetweenRanges={3} /> */}
         <NodeLinkVis />
         {/* <SemanticSubstrates /> */}
       </div>