我想添加一个隐藏的笔记funcionality，其中当我点击隐藏笔记按钮的说明应该从那个地方删除，并获得添加到隐藏的笔记，当我点击隐藏的笔记，我应该看到他们，甚至可以选择取消隐藏它，请帮助，
这是我目前做的网页（隐藏注解的按钮在所有注解下拉列表中）：
(https://i.stack.imgur.com/Pm3Dx.png)(https://i.stack.imgur.com/rr5OL.png)(https://i.stack.imgur.com/TEY07.png)(https://i.stack.imgur.com/wzKN8.png)
以下是到目前为止完成的notes应用程序的代码-（驱动文件），（没有node_modules，因为它非常重）：
Code IN Drive
这是app.js：

import './App.css';
    import {
    BrowserRouter as Router,
    Routes,
    Route,
    Link
    } from "react-router-dom";
    import Navbar from './components/Navbar';
    import Home from './components/Home';
    import AddNote from "./components/AddNote"
    import About from './components/About';
    import NoteState from './context/notes/NoteState';
    import Alert from './components/Alert';
    import Footer from './components/Footer';
    import DropDown from './components/DropDown';
    
    function App() {
     return (
        <>
          <NoteState>
            <Router>
              <Navbar />
              <DropDown></DropDown>
              <div className="container">
               <Routes>
                  <Route exact path="/" element={<Home />} />
                  <Route exact path="/about" element={<About />} />
                  <Route exact path="/addnote" element={<AddNote/>} />
                </Routes>
              </div>
              <Alert message="This is amazing React course" />
              <Footer></Footer>
            </Router>
          </NoteState>
    
        </>
      );
    }

    export default App;

请帮帮忙