refactor: convert repository to monorepo with npm workspaces

Restructured the repository into a monorepo to better organize application code
and maintenance scripts.

## Workspace Structure
- web-app: Next.js application (all app code moved from root)
- housekeeping: Database backup and maintenance scripts

## Key Changes
- Moved all application code to web-app/ using git mv
- Moved database scripts to housekeeping/ workspace
- Updated Dockerfile for monorepo build process
- Updated docker-compose files (volume paths: ./web-app/etc/hosts/)
- Updated .gitignore for workspace-level node_modules
- Updated documentation (README.md, CLAUDE.md, CHANGELOG.md)

## Migration Impact
- Root package.json now manages workspaces
- Build commands delegate to web-app workspace
- All file history preserved via git mv
- Docker build process updated for workspace structure

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

web-app/app/ui/MonthLocationList.tsx

@@ -0,0 +1,148 @@
+"use client";
+
+import React from "react";
+import { AddLocationButton } from "./AddLocationButton";
+import { AddMonthButton } from "./AddMonthButton";
+import { MonthCard } from "./MonthCard";
+import Pagination from "./Pagination";
+import { LocationCard } from "./LocationCard";
+import { PrintButton } from "./PrintButton";
+import { BillingLocation, UserSettings, YearMonth } from "../lib/db-types";
+import { useRouter, useSearchParams } from "next/navigation";
+import { ToastContainer, toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import { useTranslations } from "next-intl";
+import { MultiBillEditButton } from "../[locale]/home/multi-bill-edit/[year]/[month]/MultiBillEditButton";
+
+const getNextYearMonth = (yearMonth:YearMonth) => {
+    const {year, month} = yearMonth;
+    return({
+        year: month===12 ? year+1 : year,
+        month: month===12 ? 1 : month+1
+    } as YearMonth);
+}
+
+export interface MonthLocationListProps {
+    availableYears?: number[];
+    months?: {
+        [key: string]: {
+            yearMonth: YearMonth;
+            locations: BillingLocation[];
+            payedTotal: number;
+            unpaidTotal: number;
+        };
+    };
+    userSettings?: UserSettings | null;
+}
+
+export const MonthLocationList:React.FC<MonthLocationListProps  > = ({
+    availableYears,
+    months,
+    userSettings,
+}) => {
+
+    const router = useRouter();
+    const search = useSearchParams();
+    const t = useTranslations("home-page");
+
+    const initialMonth = search.get('month')
+
+    const [expandedMonth, setExpandedMonth] = React.useState<number>(
+        initialMonth ? parseInt(initialMonth as string) : -1 // no month is expanded
+    );
+
+    // Check for success messages
+    React.useEffect(() => {
+        const params = new URLSearchParams(search.toString());
+        let messageShown = false;
+
+        if (search.get('userSettingsSaved') === 'true') {
+            toast.success(t("user-settings-saved-message"), { theme: "dark" });
+            params.delete('userSettingsSaved');
+            messageShown = true;
+        }
+
+        if (search.get('billSaved') === 'true') {
+            toast.success(t("bill-saved-message"), { theme: "dark" });
+            params.delete('billSaved');
+            messageShown = true;
+        }
+
+        if (search.get('billDeleted') === 'true') {
+            toast.success(t("bill-deleted-message"), { theme: "dark" });
+            params.delete('billDeleted');
+            messageShown = true;
+        }
+
+        if (search.get('locationSaved') === 'true') {
+            toast.success(t("location-saved-message"), { theme: "dark" });
+            params.delete('locationSaved');
+            messageShown = true;
+        }
+
+        if (search.get('locationDeleted') === 'true') {
+            toast.success(t("location-deleted-message"), { theme: "dark" });
+            params.delete('locationDeleted');
+            messageShown = true;
+        }
+
+        if (search.get('bill-multi-edit-saved') === 'true') {
+            toast.success(t("bill-multi-edit-save-success-message"), { theme: "dark" });
+            params.delete('bill-multi-edit-saved');
+            messageShown = true;
+        }
+    }, [search, router, t]);
+
+    if(!availableYears || !months) {
+        const currentYearMonth:YearMonth = {
+            year: new Date().getFullYear(),
+            month: new Date().getMonth() + 1
+          };
+      
+        return(
+            <>
+            <MonthCard yearMonth={currentYearMonth} key={`month-${currentYearMonth}`} unpaidTotal={0} payedTotal={0} currency={userSettings?.currency} onToggle={() => {}} expanded={true} >
+                <AddLocationButton yearMonth={currentYearMonth} />
+            </MonthCard>
+        </>)
+    };
+
+    const monthsArray = Object.entries(months);
+
+    // when the month is toggled, update the URL
+    // and set the the new expandedMonth
+    const handleMonthToggle = (yearMonth:YearMonth) => {
+        // if the month is already expanded, collapse it
+        if(expandedMonth === yearMonth.month) {
+            // router.push(`/home?year=${yearMonth.year}`);
+            setExpandedMonth(-1); // no month is expanded
+        } else  {
+            // router.push(`/home?year=${yearMonth.year}&month=${yearMonth.month}`);
+            setExpandedMonth(yearMonth.month);
+        }
+    }
+
+    return(<>
+            <AddMonthButton yearMonth={getNextYearMonth(monthsArray[0][1].locations[0].yearMonth)} />
+            {
+                monthsArray.map(([monthKey, { yearMonth, locations, unpaidTotal, payedTotal }], monthIx) =>
+                    <MonthCard yearMonth={yearMonth} key={`month-${monthKey}`} unpaidTotal={unpaidTotal} payedTotal={payedTotal} currency={userSettings?.currency} expanded={ yearMonth.month === expandedMonth } onToggle={handleMonthToggle} >
+                        {
+                            yearMonth.month === expandedMonth ?
+                                locations.map((location, ix) => <LocationCard key={`location-${location._id}`} location={location} currency={userSettings?.currency} />)
+                                : null
+                        }
+                        <div className="flex flex-col sm:flex-row sm:gap-2 justify-center">
+                            <AddLocationButton yearMonth={yearMonth} />
+                            <PrintButton yearMonth={yearMonth} />
+                            <MultiBillEditButton yearMonth={yearMonth} />
+                        </div>
+                    </MonthCard>
+                )
+            }
+            <div className="mt-5 flex w-full justify-center">
+                <Pagination availableYears={availableYears} />
+            </div>
+            <ToastContainer />
+        </>)
+}