created single export file

src/Layout/Header/Header.jsx

@@ -3,7 +3,7 @@ import "./note-header.css";
 import { AiOutlineSearch, AiOutlineMenu } from "react-icons/ai";
 import { MdDarkMode, MdLogout } from "react-icons/md";
 
-const Header = ({ toggle }) => {
+export const Header = ({ toggle }) => {
   return (
     <header className="flex-row header-bar">
       <div className="flex-row spc-btwn header-left">
@@ -25,4 +25,3 @@ const Header = ({ toggle }) => {
   );
 };
 
-export default Header;

src/Layout/index.js

@@ -0,0 +1,2 @@
+export {Sidebar} from './sidebar/Sidebar'
+export {Header} from './Header/Header'

src/Layout/sidebar/Sidebar.jsx

@@ -3,7 +3,7 @@ import "./sidebar.css";
 import { useNavigate } from "react-router-dom";
 import sidebarData from "../../data/sidebarData";
 
-const Sidebar = ({ sidebar }) => {
+export const Sidebar = ({ sidebar }) => {
   const navigator = useNavigate();
 
   return (
@@ -25,4 +25,3 @@ const Sidebar = ({ sidebar }) => {
   );
 };
 
-export default Sidebar;

src/components/CreateNote/CreateNote.jsx

@@ -3,7 +3,7 @@ import "./create-note.css";
 import Editor from "../Editor/Editor";
 import { MdOutlineColorLens } from "react-icons/md";
 
-const CreateNote = () => {
+export const CreateNote = () => {
   const [expand, setExpand] = useState(false);
   const closer = () => {
     setExpand(false);
@@ -41,4 +41,4 @@ const CreateNote = () => {
   );
 };
 
-export default CreateNote;
+

src/components/CreateNote/create-note.css

@@ -26,6 +26,7 @@
   border-radius: 5px;
   outline: none;
   border: none;
+  padding:5px;
 }
 
 .note-title {

src/components/Note/Note.jsx

@@ -1,7 +1,8 @@
 import React from "react";
 
-const Note = () => {
-  return <div>Note</div>;
+export const Note = () => {
+  return <div>
+    Note
+  </div>;
 };
 
-export default Note;

src/components/index.js

@@ -0,0 +1,2 @@
+export {CreateNote} from "./CreateNote/CreateNote"
+export {Note} from "./Note/Note"

src/pages/Notes/NotesPage.jsx

@@ -1,8 +1,6 @@
 import React, { useState } from "react";
-import Sidebar from "../../Layout/sidebar/Sidebar";
-import Header from "../../Layout/Header/Header";
-import CreateNote from "../../components/CreateNote/CreateNote";
-import Note from "../../components/Note/Note";
+import {Sidebar,Header} from "../../Layout/index.js";
+import {CreateNote,Note} from "../../components/index.js"
 import "./notes.css"
 
 export const NotesPage = () => {