Merge branch 'main' into w2p-93963-Add_support_for_line_breaks_markdown_and_mathjax_in_metadata

# Conflicts:
#	package.json
#	src/app/shared/shared.module.ts
#	src/app/shared/truncatable/truncatable-part/truncatable-part.component.html
#	src/config/app-config.interface.ts
#	src/config/default-app-config.ts
#	src/environments/environment.test.ts
#	src/styles/_global-styles.scss
#	yarn.lock

src/styles/_global-styles.scss

@@ -93,6 +93,52 @@ ngb-modal-backdrop {
 
 }
 
+.researcher-profile-switch button:focus{
+  outline: none !important;
+}
+.researcher-profile-switch .switch.checked{
+  color: #fff;
+}
+
+/* Replicate default spacing look ~ preserveWhitespace=true
+   To be used e.g. on a div containing buttons that should have a bit of spacing in between
+ */
+.space-children-mr > :not(:last-child) {
+  margin-right: var(--ds-gap);
+}
+
+/* Complement .space-children-mr when spaced elements are not on the same level */
+.mr-gap {
+  margin-right: var(--ds-gap);
+}
+
+.ml-gap {
+  margin-left: var(--ds-gap);
+}
+
+.custom-accordion .card-header button {
+  -webkit-box-shadow: none!important;
+  box-shadow: none!important;
+  width: 100%;
+}
+.custom-accordion .card:first-of-type {
+  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
+  border-bottom-left-radius: var(--bs-card-border-radius) !important;
+  border-bottom-right-radius: var(--bs-card-border-radius) !important;
+}
+
+ds-dynamic-form-control-container.d-none {
+  /* Ensures that form-control containers hidden and disabled by type binding collapse and let other fields in
+     the same row expand accordingly
+   */
+  visibility: collapse;
+}
+
+/* Used for dso administrative functionality */
+.btn-dark {
+  background-color: var(--ds-admin-sidebar-bg);
+}
+
 .preserve-line-breaks {
   white-space: pre-line;
 }