feat: Clock widget and dayjs locale standard (#79)

* feat: Clock widget and dayjs locale standard

Co-authored-by: Meier Lukas
- Widget options modifications
<meierschlumpf@gmail.com>

* perf: add improved time state for clock widget

* fix: final fixes

* refactor: unify selectOptions

* chore: fix CI & remove serverdata from clock widget

* chore: Change custom title to be under a toggle

---------

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

packages/translation/src/lang/de.ts

@@ -1,5 +1,9 @@
 import "dayjs/locale/de";
 
+import dayjs from "dayjs";
+
+dayjs.locale("de");
+
 export default {
   user: {
     page: {

packages/translation/src/lang/en.ts

@@ -306,15 +306,34 @@ export default {
       name: "Date and time",
       description: "Displays the current date and time.",
       option: {
+        customTitleToggle: {
+          label: "Custom Title/City display",
+          description:
+            "Show off a custom title or the name of the city/country on top of the clock.",
+        },
+        customTitle: {
+          label: "Title",
+        },
         is24HourFormat: {
           label: "24-hour format",
           description: "Use 24-hour format instead of 12-hour format",
         },
-        isLocaleTime: {
-          label: "Use locale time",
+        showSeconds: {
+          label: "Display seconds",
+        },
+        useCustomTimezone: {
+          label: "Use a fixed timezone",
         },
         timezone: {
           label: "Timezone",
+          description: "Choose the timezone following the IANA standard",
+        },
+        showDate: {
+          label: "Show the date",
+        },
+        dateFormat: {
+          label: "Date Format",
+          description: "How the date should look like",
         },
       },
     },