Added down icon for tags drop down and fix btn's styling.

Author: colaola20

FUN/frontend/src/components/Notes.jsx

@@ -3,6 +3,7 @@ import { useAuth } from '../context/AuthContext';
 import { getNotes, createNote, updateNote, deleteNote, createCategory } from '../services/api';
 import AddNoteModal from './AddNoteModal';
 import '../styles/Dashboard.css';
+import {ChevronDown} from "lucide-react"
 
 const Notes = ({ categories, onUpdate, showForm, setShowForm }) => {
   const { user } = useAuth();
@@ -174,7 +175,7 @@ const Notes = ({ categories, onUpdate, showForm, setShowForm }) => {
             </button>
           ))}
           <button className="filter-btn tags-btn">
-            Tags <span>▼</span>
+            Tags <ChevronDown size={14}/>
           </button>
         </div>
       </div>

FUN/frontend/src/styles/Dashboard.css

@@ -39,6 +39,9 @@
 }
 
 .filter-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   padding: 8px 16px;
   background: white;
   border: 1px solid #ddd;

package-lock.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "lucide-react": "^1.8.0"
+  }
+}