[ENG-9802] Fix cedar libraries import (#819)

* fix(cedar-template): fixed import of cedar library

* fix(cedar-import): updated import for viewer

* fix(cedar): fixed cedar styles

* fix(cedar): removed import

* fix(cedar): returned import

Author: nsemets

angular.json

@@ -50,6 +50,7 @@
             "styles": [
               "src/styles/styles.scss",
               "node_modules/primeflex/primeflex.css",
+              "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
               "node_modules/ngx-markdown-editor/assets/highlight.js/agate.min.css"
             ],
             "stylePreprocessorOptions": {

src/app/features/metadata/components/cedar-template-form/cedar-template-form.component.ts

@@ -25,8 +25,6 @@ import { ActivatedRoute } from '@angular/router';
 
 import { ENVIRONMENT } from '@core/provider/environment.provider';
 
-import 'cedar-artifact-viewer';
-
 import { CEDAR_CONFIG, CEDAR_VIEWER_CONFIG } from '../../constants';
 import { CedarMetadataHelper } from '../../helpers';
 import {

src/main.ts

@@ -4,6 +4,7 @@ import { AppComponent } from '@osf/app.component';
 import { appConfig } from '@osf/app.config';
 
 import 'cedar-embeddable-editor';
+import 'cedar-artifact-viewer';
 
 bootstrapApplication(AppComponent, {
   providers: [...appConfig.providers],

src/styles/styles.scss

@@ -7,11 +7,6 @@
 @use "base";
 @use "icons";
 
-@use "@fortawesome/fontawesome-free/scss/fontawesome.scss";
-@use "@fortawesome/fontawesome-free/scss/solid.scss";
-@use "@fortawesome/fontawesome-free/scss/brands.scss";
-@use "@fortawesome/fontawesome-free/scss/regular.scss";
-
 @use "./components/md-editor";
 @use "./components/preprints";
 @use "./components/collections";