feat: implement drag-and-drop reordering for daily checkboxes

- Added DnD functionality to `DailySection` for reordering checkboxes using `@dnd-kit/core` and `@dnd-kit/sortable`.
- Introduced `onReorderCheckboxes` prop to handle server updates after reordering.
- Updated `useDaily` hook to streamline error handling during reordering.
- Cleaned up `Header` component by removing unnecessary syncing text.
- Adjusted `DailyPageClient` to pass reorder function to `DailySection`.

src/app/daily/DailyPageClient.tsx

@@ -36,6 +36,7 @@ export function DailyPageClient({
     toggleAllYesterday,
     updateCheckbox,
     deleteCheckbox,
+    reorderCheckboxes,
     goToPreviousDay,
     goToNextDay,
     goToToday,
@@ -93,6 +94,10 @@ export function DailyPageClient({
     });
   };
 
+  const handleReorderCheckboxes = async (date: Date, checkboxIds: string[]) => {
+    await reorderCheckboxes({ date, checkboxIds });
+  };
+
   const getYesterdayDate = () => {
     const yesterday = new Date(currentDate);
     yesterday.setDate(yesterday.getDate() - 1);
@@ -220,6 +225,7 @@ export function DailyPageClient({
               onToggleCheckbox={handleToggleCheckbox}
               onUpdateCheckbox={handleUpdateCheckbox}
               onDeleteCheckbox={handleDeleteCheckbox}
+              onReorderCheckboxes={handleReorderCheckboxes}
               onToggleAll={toggleAllYesterday}
               saving={saving}
               refreshing={refreshing}
@@ -234,6 +240,7 @@ export function DailyPageClient({
               onToggleCheckbox={handleToggleCheckbox}
               onUpdateCheckbox={handleUpdateCheckbox}
               onDeleteCheckbox={handleDeleteCheckbox}
+              onReorderCheckboxes={handleReorderCheckboxes}
               onToggleAll={toggleAllToday}
               saving={saving}
               refreshing={refreshing}