fix(local): fix modalities not showing in local (#3388)

* fix various bugs

* revert back docusaurus for styling issues

platform/docs/package.json

@@ -27,14 +27,14 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "2.4.0",
-    "@docusaurus/plugin-client-redirects": "2.4.0",
-    "@docusaurus/plugin-ideal-image": "2.4.0",
-    "@docusaurus/plugin-pwa": "2.4.0",
-    "@docusaurus/preset-classic": "2.4.0",
-    "@docusaurus/remark-plugin-npm2yarn": "2.4.0",
-    "@docusaurus/theme-live-codeblock": "2.4.0",
-    "@docusaurus/plugin-google-gtag": "2.4.0",
+    "@docusaurus/core": "2.3.0",
+    "@docusaurus/plugin-client-redirects": "2.3.0",
+    "@docusaurus/plugin-ideal-image": "2.3.0",
+    "@docusaurus/plugin-pwa": "2.3.0",
+    "@docusaurus/preset-classic": "2.3.0",
+    "@docusaurus/remark-plugin-npm2yarn": "2.3.0",
+    "@docusaurus/theme-live-codeblock": "2.3.0",
+    "@docusaurus/plugin-google-gtag": "2.3.0",
     "@mdx-js/react": "^1.6.21",
     "@svgr/webpack": "^5.5.0",
     "classnames": "^2.3.2",

platform/ui/src/components/SegmentationTable/SegmentationItem.tsx

@@ -71,8 +71,8 @@ const SegmentationItem = ({
         )}
       </div>
       <div className="relative flex flex-col w-full p-1">
-        <div className="flex items-center mb-1 ml-2">
-          <div className="flex items-center flex-1 text-base text-primary-light">
+        <div className="flex items-center ml-2">
+          <div className="flex flex-1 text-base text-primary-light">
             <div
               className="w-3 h-3 mt-1 mr-2 rounded-full"
               style={{ backgroundColor: 'red' }}