design: NoteList 컴포넌트 UI 개선

Author: djk01281

frontend/src/components/sidebar/NoteList.tsx

@@ -34,7 +34,7 @@ export default function NoteList({ className }: NoteListProps) {
         <button
           onClick={() => handleNoteClick(id)}
           key={id}
-          className="group flex flex-row justify-between rounded-sm px-2 py-1 hover:bg-neutral-100"
+          className="group flex flex-row justify-between rounded-sm px-3 py-1 hover:bg-neutral-100"
         >
           <div className="flex flex-row gap-1">
             <div>{title}</div>

frontend/src/components/sidebar/Tools.tsx

@@ -24,7 +24,7 @@ export default function Tools() {
             content: [
               {
                 type: "paragraph",
-                content: [{ type: "text", text: "This is page 1" }],
+                content: [{ type: "text", text: "" }],
               },
             ],
           },
@@ -35,9 +35,9 @@ export default function Tools() {
       }}
     >
       <div>
-        <PencilLine width={20} height={20} widths={1} />
+        <PencilLine width={20} height={20} widths={1} color="#7f796d" />
       </div>
-      <div>새 페이지 작성</div>
+      <div className="text-neutral-600">새 페이지 작성</div>
     </button>
   );
 }