[Library & openaire-theme & Explore | new-theme]: Beta indication in fos & sdgs (search, landing, dedicated pages) | Fixes in offcanvas and search all page for small screens.

1. badge.css: [NEW] Css file for uk-badge added.
2. import.css: Added @import "structure/badge.css";
3. fos.component.html & sdg.component.html: Added beta badge on top left of the title.
4. landing-utils/fos.component.ts & landing-utils/sdg.component.ts: Added [Beta] in title.
5. searchFields.ts: In sdg and fos RESULT_FIELDS, added [Beta] in their names.
6. offcanvas.css: [Bug fix] In rule .offcanvas .uk-offcanvas-bar added "max-width: 100vw", so that offcanvas does not exceed the screen width.
7. searchAll.component.html: Added some classes in <advanced-search-form> and uk-slider to be better displayed in small screens (form within page with some horizontal margins and arrows in slider).

css/import.css

@@ -5,6 +5,7 @@
 @import "structure/variables.css";
 @import "structure/alert.css";
 @import "structure/background.css";
+@import "structure/badge.css";
 @import "structure/breadcrumb.css";
 @import "structure/button.css";
 @import "structure/card.css";

css/structure/badge.css

@@ -0,0 +1,12 @@
+:root {
+  --badge-beta-color: #FFC800;
+}
+
+.uk-badge {
+  border: 0;
+  border-radius: 4px;
+}
+
+.uk-badge.beta {
+  background-color: var(--badge-beta-color) !important;
+}

css/structure/offcanvas.css

@@ -43,6 +43,7 @@
   border-radius: 4px 0px 0px 4px;
   padding: 0;
   width: 550px;
+  max-width: 100vw;
 }