created a basic stracture and setup components. our task is to create a browser editor.
codeEditor/
├── assets/
│ ├── image-form.png
│ ├── image-lg.png
│ ├── image-md.png
│ ├── image-sm.png
│ ├── react.svg
├── src/
│ ├── api/
│ │ ├── api.js
│ ├── components/
│ │ ├── AccessAcountNavbar.jsx
│ │ ├── CodeEditor.jsx
│ │ ├── FilterQuestion.jsx
│ │ ├── Form.jsx
│ │ ├── LanguageSelector.jsx
│ │ ├── Output.jsx
│ │ ├── Navbar.jsx
│ │ ├── Problem.jsx
| | ├── QuestionPreviewCard.jsx
│ │ ├── ThemeToggle.jsx
│ ├── constants/
│ │ ├── constants.js
│ ├── contexts
| │ ├── ThemeContext.jsx
│ ├── page/
│ │ ├──AccessAccountPage.jsx
│ │ ├── EditorPage.jsx
│ ├── App.jsx
│ ├── index.css
│ ├── main.js
│ ├── ThemeContext.jsx
│ ├── .eslintrc.cjs
│ ├── .gitignore
│ ├── index.html
│ ├── package-lock.json
│ ├── package.json
│ ├── postcss.config.js
│ ├── README.md
│ ├── tailwind.config.js
│ ├── vite.config.js
