Adding a study page that is currently only available via direct url (#228)

* Adding a study page that is currently only available via direct url call (emergency fix for accessions for nature publication).

* Hide the sid facet in the metadata browser.

* Fixed Prettier's behaviour with Angular blocks

* Added mocks
Some minor a11y, responsiveness fixes
Minor fix to navigation button colour

* Update src/app/metadata/features/study-details/study-details.spec.ts

Co-authored-by: Jordy <31940280+ac-jorellanaf@users.noreply.github.com>
Signed-off-by: Pascal Kraft <35356122+SilverLinings89@users.noreply.github.com>

* Update src/app/metadata/features/study-details/study-details.spec.ts

Co-authored-by: Jordy <31940280+ac-jorellanaf@users.noreply.github.com>
Signed-off-by: Pascal Kraft <35356122+SilverLinings89@users.noreply.github.com>

---------

Signed-off-by: Pascal Kraft <35356122+SilverLinings89@users.noreply.github.com>
Co-authored-by: ac-jorellanaf <31940280+ac-jorellanaf@users.noreply.github.com>

Author: SilverLinings89

.prettierrc

@@ -5,5 +5,13 @@
   "singleQuote": true,
   "printWidth": 88,
   "proseWrap": "preserve",
-  "endOfLine": "lf"
+  "endOfLine": "lf",
+  "overrides": [
+    {
+      "files": "*.html",
+      "options": {
+        "parser": "angular"
+      }
+    }
+  ]
 }

src/app/app-routes.ts

@@ -52,6 +52,22 @@ export const routes: Routes = [
       ),
     title: 'Dataset Details',
   },
+  {
+    path: 's/:id',
+    loadComponent: () =>
+      import('./metadata/features/study-details/study-details').then(
+        (m) => m.StudyDetailsComponent,
+      ),
+    title: 'Study Details',
+  },
+  {
+    path: 'study/:id',
+    loadComponent: () =>
+      import('./metadata/features/study-details/study-details').then(
+        (m) => m.StudyDetailsComponent,
+      ),
+    title: 'Study Details',
+  },
   // routes that need user authentication
   {
     path: 'work-package',