Refactor date display logic in App.svelte to use reactive variable for improved readability

README.md

@@ -1,7 +1,9 @@
-# Negotium
+# Negotium - Minimalist To Do App
 
 A beautiful, minimal to-do list application featuring smooth animations, intelligent date management, and a modern design that helps you stay organized and productive.
 
+![Negotium Screenshot](assets/screenshot.png)
+
 ## 💭 Why Negotium?
 
 While powerful tools like Trello and Vikunja excel at managing complex projects and long-term planning, sometimes you just need a simple, focused space for your daily tasks. That's why I built Negotium, a straightforward to-do list for today and tomorrow. Nothing more, nothing less.

src/App.svelte

@@ -15,6 +15,7 @@
   let selectedDate = new Date().toDateString();
   let draggedItem = null;
   let draggedOverIndex = null;
+  let currentDateDisplay = '';
 
   function addTask() {
     if (newTask.trim()) {
@@ -85,13 +86,16 @@
     draggedOverIndex = null;
   }
 
-  function getCurrentDate() {
+  $: {
-    return new Date().toLocaleDateString('en-US', { 
+    currentDateDisplay = (() => {
-      weekday: 'long', 
+      const date = new Date(selectedDate);
-      year: 'numeric', 
+      return date.toLocaleDateString('en-US', { 
-      month: 'long', 
+        weekday: 'long', 
-      day: 'numeric' 
+        year: 'numeric', 
-    });
+        month: 'long', 
+        day: 'numeric' 
+      });
+    })();
   }
 
   function getDateKey(dateString) {
@@ -282,7 +286,7 @@
     <div class="container">
       <div class="content-header">
         <h2 class="section-title">To-dos</h2>
-        <div class="date-display">{getCurrentDate()}</div>
+        <div class="date-display">{currentDateDisplay}</div>
       </div>
 
       <div class="task-input-container">