Refactor UI folder (#2016)

* Added Overview page

* Revised Getting Started page

* Minor revision

* Edited readme, minor modifications to docs

* Removed sweep.yaml, .devcontainer, .ergomake

* Moved security.md to .github, added contributing.md

* changes as per code review

* updated contributing.md

* fixed broken links & added missing links in doc, improved structure

* fixed link in wsl setup

* fixed server link, added https cloning in yarn-setup

* removed package-lock.json

* added doc card, admonitions

* removed underline from nav buttons

* refactoring modules/ui

* refactoring modules/ui

* Change folder case

* Fix theme location

* Fix case 2

* Fix storybook

---------

Co-authored-by: Nimra Ahmed <nimra1408@gmail.com>
Co-authored-by: Nimra Ahmed <50912134+nimraahmed@users.noreply.github.com>

front/src/modules/ui/input/editor/components/BlockEditor.tsx

@@ -0,0 +1,30 @@
+import { BlockNoteEditor } from '@blocknote/core';
+import { BlockNoteView } from '@blocknote/react';
+import styled from '@emotion/styled';
+
+interface BlockEditorProps {
+  editor: BlockNoteEditor;
+}
+
+const StyledEditor = styled.div`
+  min-height: 200px;
+  width: 100%;
+  & .editor {
+    background: ${({ theme }) => theme.background.primary};
+    font-size: 13px;
+    color: ${({ theme }) => theme.font.color.primary};
+  }
+  & .editor [class^='_inlineContent']:before {
+    color: ${({ theme }) => theme.font.color.tertiary};
+    font-style: normal !important;
+  }
+  .tippy-box:has(.mantine-Toolbar-root) {
+    transform: translateX(-13%);
+  }
+`;
+
+export const BlockEditor = ({ editor }: BlockEditorProps) => (
+  <StyledEditor>
+    <BlockNoteView editor={editor} />
+  </StyledEditor>
+);