feat:#712 migrate angular 17 (#731)

* Update typescript to 5.1.6

* temp: Upgrade angular/cli and angular/core to 16

* temp: upgrade angular material

* temp: upgrade @angular-eslint

* temp: upgrade ng-bootstrap and angular-fontawesome

* angular core/cli upgrade to 16 for admin

* upgrade angular material/cdk to 16 at admin; remove commonjs

* Upgrade angular-fontawesome and ng-bootstrap

* Update typescript and zonejs before angular 17 upgrade.

* update angular core/cli to 17

* Update angular common and various packages to 17

* upgrade angular cdk to 17

* upgrade angular material to 17

* upgrade angular-eslint to 17

* Update ng-bootstrap and ngx-bootstrap

* upgrade libs for angular

* upgrade typescript and zone.js before angular upgrade

* upgrade various angular packages to 17

* Remove not exist NgbNavbar

* @angular-eslint upgrade and some styling adjustment.

* Fix matBadge off issue after angular 17 migration.

* Replace moment with luxon for public

* Add 'luxon' before replacing moment. Re-facgtor some constant. Replacing moment from fom-add-edit compoent with luxon.

* Replace moment with luxon for interaction component.

* Replace moment with luxon for public notice edit component.

* Replace moment with luxon for fom-detail component.

* Remove moment from admin package.

* Replace lodash debounce with remeda funnel

* Replace lodash with remeda  for public-notice component.

* Remove lodash from details-panel component

* Replace lodash with remeda

* Replace isNil with isNullish from remeda for public

* upgrade remeda version at admin and replace lodash isNil to isNullish from remeda.

* Replace lodash with remeda

* Replace file-saver with file-saver-es es module lib

* add allowedCommonJsDependencies to ignore common js warning for only on (leaflet, leaflet.markercluster and object-hash).

* Remove ngx-dropzone and its unused compoent.

* Replace file-saver with file-saver-es at admin

* Use allowedCommonJsDependencies to ignore only leaflet.

* Minor upgrade aws-amplify version

* Add comment to a confusing date field.

admin/angular.json

@@ -18,6 +18,9 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "allowedCommonJsDependencies": [
+                "leaflet"
+            ],
             "baseHref": "/admin/",
             "outputPath": "dist/admin",
             "index": "src/index.html",
@@ -50,7 +53,6 @@
             "scripts": [
               "node_modules/jquery/dist/jquery.min.js",
               "node_modules/bootstrap/dist/js/bootstrap.min.js",
-              "node_modules/moment/min/moment.min.js",
               "node_modules/leaflet/dist/leaflet.js",
               "node_modules/leaflet.markercluster/dist/leaflet.markercluster.js"
             ]
@@ -105,28 +107,28 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "admin:build",
             "port": 4200,
-            "host": "0.0.0.0"
+            "host": "0.0.0.0",
+            "buildTarget": "admin:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "admin:build:production",
               "sourceMap": {
                 "hidden": false,
                 "scripts": true,
                 "styles": true
-              }
+              },
+              "buildTarget": "admin:build:production"
             },
             "development": {
-              "browserTarget": "admin:build:development"
+              "buildTarget": "admin:build:development"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "admin:build"
+            "buildTarget": "admin:build"
           }
         },
         "lint": {