handling of empty database

app/ui/AddLocationButton.tsx

@@ -3,7 +3,7 @@ import { PlusCircleIcon } from "@heroicons/react/24/outline";
 
 export interface AddLocationButtonProps {
     /** year month at which the new billing location should be addes */
-    yyyymm: string
+    yyyymm: number
 }
 
 export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yyyymm}) =>

app/ui/AddMonthButton.tsx

@@ -2,10 +2,10 @@ import { PlusCircleIcon } from "@heroicons/react/24/outline";
 import React from "react";
 
 export interface AddMonthButtonProps {
-    yearMonth: number;
+    nextYearMonth: number;
 }
 
-export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) =>
-<a href={`/year-month/${yearMonth}/add`} className='grid self-center tooltip' data-tip="Dodaj novi mjesec">
+export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ nextYearMonth }) =>
+<a href={`/year-month/${nextYearMonth}/add`} className='grid self-center tooltip' data-tip="Dodaj novi mjesec">
     <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />
 </a>

app/ui/PageFooter.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+
+export const PageFooter:React.FC = () => <>
+    <h2 className='text-xl text-sky-400/75 font-semibold mt-4'>Docs</h2>
+    <p><a href="https://tailwindcss.com/docs/" target="_blank">tailwindcss.com</a></p>
+    <p><a href="https://heroicons.com/" target="_blank">heroicons.com</a></p>
+    <p><a href="https://daisyui.com/components/" target="_blank">daisyui.com</a></p>
+</>