Refactor task components, add mobile-friendly enhancements, and improve settings management

- Introduced `TodoItemTouch`, a responsive task item optimized for mobile interaction with swipe actions.
- Added `MobileActions` for streamlined task creation and settings access on smaller screens.
- Refactored `App.vue` to adapt layouts dynamically for mobile and desktop users.
- Implemented collapsible, categorized task lists with improved handling in `TodoList` and `TodoListTouch`.
- Improved task swipe actions with `useSwipe` for smoother UI interactions.
- Updated styling with DaisyUI theme customization and multi-theme support.
- Enhanced `useSettings` with a `todayShown` toggle for quick agenda visibility.

src/composables/useHistory.ts

@@ -1,14 +1,13 @@
 import { computed, onMounted, ref } from 'vue'
 import { useStore } from './useStore.ts'
 
+const store = ref<string[]>([])
+const historyIndex = ref(0)
+
 export default function useHistory() {
   const { getValue, setValue } = useStore()
-
-  const store = ref<string[]>([])
   const history = computed<string[]>(() => store.value)
 
-  const historyIndex = ref(0)
-
   const resetHistoryIndex = () => {
     historyIndex.value = store.value.length - 1
   }