diff --git a/.prettierrc.json b/.prettierrc.json
index 116edcd8f..9a494cbc9 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,6 +1,7 @@
 {
   "semi": true,
   "trailingComma": "all",
+  "printWidth": 120,
   "overrides": [
     {
       "files": "*.test.ts",
@@ -9,7 +10,10 @@
       }
     },
     {
-      "files": ["*.html", "**/*.ts"],
+      "files": [
+        "*.html",
+        "**/*.ts"
+      ],
       "options": {
         "tabWidth": 4
       }
diff --git a/src/app/api/account.api.ts b/src/app/api/account.api.ts
index 198d76a84..5f0d58b81 100644
--- a/src/app/api/account.api.ts
+++ b/src/app/api/account.api.ts
@@ -6,9 +6,7 @@ import { AccountDetailsFragment } from "./kamu.graphql.interface";
 
 @Injectable({ providedIn: "root" })
 export class AccountApi {
-    public getAccountInfoByName(
-        name: string,
-    ): Observable<AccountDetailsFragment> {
+    public getAccountInfoByName(name: string): Observable<AccountDetailsFragment> {
         return of({ ...mockAccountDetails, login: name });
     }
 }
diff --git a/src/app/api/auth.api.spec.ts b/src/app/api/auth.api.spec.ts
index 548f0cb24..d703a006c 100644
--- a/src/app/api/auth.api.spec.ts
+++ b/src/app/api/auth.api.spec.ts
@@ -2,15 +2,8 @@ import { NavigationService } from "src/app/services/navigation.service";
 import { fakeAsync, TestBed, tick } from "@angular/core/testing";
 import { Apollo } from "apollo-angular";
 import { AuthApi } from "./auth.api";
-import {
-    AccountDetailsFragment,
-    FetchAccountInfoDocument,
-    GithubLoginDocument,
-} from "./kamu.graphql.interface";
-import {
-    ApolloTestingController,
-    ApolloTestingModule,
-} from "apollo-angular/testing";
+import { AccountDetailsFragment, FetchAccountInfoDocument, GithubLoginDocument } from "./kamu.graphql.interface";
+import { ApolloTestingController, ApolloTestingModule } from "apollo-angular/testing";
 import {
     mockGithubLoginResponse,
     mockLogin401Error,
@@ -45,14 +38,10 @@ describe("AuthApi", () => {
     });
 
     function loginViaAccessToken(): void {
-        service
-            .fetchUserInfoFromAccessToken(TEST_ACCESS_TOKEN)
-            .subscribe(() => {
-                expect(service.isAuthenticated).toBeTrue();
-                expect(service.currentUser).toBe(
-                    mockUserInfoFromAccessToken.auth.accountInfo,
-                );
-            });
+        service.fetchUserInfoFromAccessToken(TEST_ACCESS_TOKEN).subscribe(() => {
+            expect(service.isAuthenticated).toBeTrue();
+            expect(service.currentUser).toBe(mockUserInfoFromAccessToken.auth.accountInfo);
+        });
 
         const op = controller.expectOne(FetchAccountInfoDocument);
         expect(op.operation.variables.accessToken).toEqual(TEST_ACCESS_TOKEN);
@@ -63,18 +52,14 @@ describe("AuthApi", () => {
     }
 
     function loginFullyViaGithub(): void {
-        service
-            .fetchUserInfoAndTokenFromGithubCallackCode(TEST_GITHUB_CODE)
-            .subscribe(() => {
-                expect(service.isAuthenticated).toBeTrue();
-                expect(service.currentUser).toBe(
-                    mockGithubLoginResponse.auth.githubLogin.accountInfo,
-                );
-                expect(localStorageSetItemSpy).toHaveBeenCalledWith(
-                    AppValues.LOCAL_STORAGE_ACCESS_TOKEN,
-                    mockGithubLoginResponse.auth.githubLogin.token.accessToken,
-                );
-            });
+        service.fetchUserInfoAndTokenFromGithubCallackCode(TEST_GITHUB_CODE).subscribe(() => {
+            expect(service.isAuthenticated).toBeTrue();
+            expect(service.currentUser).toBe(mockGithubLoginResponse.auth.githubLogin.accountInfo);
+            expect(localStorageSetItemSpy).toHaveBeenCalledWith(
+                AppValues.LOCAL_STORAGE_ACCESS_TOKEN,
+                mockGithubLoginResponse.auth.githubLogin.token.accessToken,
+            );
+        });
 
         const op = controller.expectOne(GithubLoginDocument);
         expect(op.operation.variables.code).toEqual(TEST_GITHUB_CODE);
@@ -100,12 +85,10 @@ describe("AuthApi", () => {
 
     it("should check user changes via login with alive access token", fakeAsync(() => {
         let callbackInvoked = false;
-        service.onUserChanges.subscribe(
-            (user: MaybeNull<AccountDetailsFragment>) => {
-                callbackInvoked = true;
-                user ? checkUserIsLogged(user) : fail("User must not be null");
-            },
-        );
+        service.onUserChanges.subscribe((user: MaybeNull<AccountDetailsFragment>) => {
+            callbackInvoked = true;
+            user ? checkUserIsLogged(user) : fail("User must not be null");
+        });
 
         loginViaAccessToken();
         tick();
@@ -133,9 +116,7 @@ describe("AuthApi", () => {
             .subscribe(
                 () => fail("Unexpected success"),
                 (e: Error) => {
-                    expect(e).toEqual(
-                        new AuthenticationError([mockLogin401Error]),
-                    );
+                    expect(e).toEqual(new AuthenticationError([mockLogin401Error]));
                 },
             );
 
@@ -155,9 +136,7 @@ describe("AuthApi", () => {
             .subscribe(
                 () => fail("Unexpected success"),
                 (e: Error) => {
-                    expect(e).toEqual(
-                        new AuthenticationError([mockLogin401Error]),
-                    );
+                    expect(e).toEqual(new AuthenticationError([mockLogin401Error]));
                 },
             );
 
diff --git a/src/app/api/auth.api.ts b/src/app/api/auth.api.ts
index 732dd53fe..752d3bef4 100644
--- a/src/app/api/auth.api.ts
+++ b/src/app/api/auth.api.ts
@@ -21,8 +21,7 @@ import { AuthenticationError } from "../common/errors";
 export class AuthApi {
     private user: MaybeNull<AccountDetailsFragment> = null;
 
-    private userChanges$: Subject<MaybeNull<AccountDetailsFragment>> =
-        new Subject<MaybeNull<AccountDetailsFragment>>();
+    private userChanges$: Subject<MaybeNull<AccountDetailsFragment>> = new Subject<MaybeNull<AccountDetailsFragment>>();
 
     constructor(
         private githubLoginGQL: GithubLoginGQL,
@@ -47,17 +46,12 @@ export class AuthApi {
         this.userChanges$.next(user);
     }
 
-    public fetchUserInfoAndTokenFromGithubCallackCode(
-        code: string,
-    ): Observable<void> {
+    public fetchUserInfoAndTokenFromGithubCallackCode(code: string): Observable<void> {
         return this.githubLoginGQL.mutate({ code }).pipe(
             map((result: MutationResult<GithubLoginMutation>) => {
                 if (result.data) {
                     const data: GithubLoginMutation = result.data;
-                    localStorage.setItem(
-                        AppValues.LOCAL_STORAGE_ACCESS_TOKEN,
-                        data.auth.githubLogin.token.accessToken,
-                    );
+                    localStorage.setItem(AppValues.LOCAL_STORAGE_ACCESS_TOKEN, data.auth.githubLogin.token.accessToken);
                     this.changeUser(data.auth.githubLogin.accountInfo);
                 } else {
                     throw new AuthenticationError(result.errors ?? []);
diff --git a/src/app/api/dataset.api.spec.ts b/src/app/api/dataset.api.spec.ts
index b08c8c281..fdfa421cb 100644
--- a/src/app/api/dataset.api.spec.ts
+++ b/src/app/api/dataset.api.spec.ts
@@ -12,10 +12,7 @@ import {
     mockDatasetMainDataResponse,
 } from "./../search/mock.data";
 import { TestBed } from "@angular/core/testing";
-import {
-    ApolloTestingController,
-    ApolloTestingModule,
-} from "apollo-angular/testing";
+import { ApolloTestingController, ApolloTestingModule } from "apollo-angular/testing";
 import { DatasetApi } from "./dataset.api";
 import {
     CommitEventToDatasetDocument,
@@ -60,9 +57,7 @@ describe("DatasetApi", () => {
                 datasetName: TEST_DATASET_NAME,
             })
             .subscribe((res: GetDatasetMainDataQuery) => {
-                expect(res.datasets.byOwnerAndName?.name).toEqual(
-                    "alberta.case-details",
-                );
+                expect(res.datasets.byOwnerAndName?.name).toEqual("alberta.case-details");
                 expect(res.datasets.byOwnerAndName?.id).toEqual(
                     "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
                 );
@@ -91,9 +86,7 @@ describe("DatasetApi", () => {
                     actualQuery.__typename === "DataQueryResultSuccess" &&
                     expectedQuery.__typename === "DataQueryResultSuccess"
                 ) {
-                    expect(actualQuery.data.content).toEqual(
-                        expectedQuery.data.content,
-                    );
+                    expect(actualQuery.data.content).toEqual(expectedQuery.data.content);
                 } else {
                     fail("expecting successful query");
                 }
@@ -117,12 +110,8 @@ describe("DatasetApi", () => {
                 numPage: 1,
             })
             .subscribe((res: GetDatasetHistoryQuery) => {
-                expect(
-                    res.datasets.byOwnerAndName?.metadata.chain.blocks
-                        .totalCount,
-                ).toEqual(
-                    mockDatasetHistoryResponse.datasets.byOwnerAndName?.metadata
-                        .chain.blocks.totalCount,
+                expect(res.datasets.byOwnerAndName?.metadata.chain.blocks.totalCount).toEqual(
+                    mockDatasetHistoryResponse.datasets.byOwnerAndName?.metadata.chain.blocks.totalCount,
                 );
             });
 
@@ -136,18 +125,14 @@ describe("DatasetApi", () => {
     });
 
     it("should extract datasets by account name", () => {
-        service
-            .fetchDatasetsByAccountName(TEST_USER_NAME)
-            .subscribe((res: DatasetsByAccountNameQuery) => {
-                expect(res.datasets.byAccountName.totalCount).toEqual(
-                    mockDatasetsByAccountNameQuery.datasets.byAccountName
-                        .totalCount,
-                );
-                expect(res.datasets.byAccountName.nodes[0].name).toEqual(
-                    mockDatasetsByAccountNameQuery.datasets.byAccountName
-                        .nodes[0].name,
-                );
-            });
+        service.fetchDatasetsByAccountName(TEST_USER_NAME).subscribe((res: DatasetsByAccountNameQuery) => {
+            expect(res.datasets.byAccountName.totalCount).toEqual(
+                mockDatasetsByAccountNameQuery.datasets.byAccountName.totalCount,
+            );
+            expect(res.datasets.byAccountName.nodes[0].name).toEqual(
+                mockDatasetsByAccountNameQuery.datasets.byAccountName.nodes[0].name,
+            );
+        });
 
         const op = controller.expectOne(DatasetsByAccountNameDocument);
         expect(op.operation.variables.accountName).toEqual(TEST_USER_NAME);
@@ -158,9 +143,7 @@ describe("DatasetApi", () => {
     });
 
     it("should load block by hash", () => {
-        const blockByHash =
-            mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
-                .blockByHash;
+        const blockByHash = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain.blockByHash;
         service
             .getBlockByHash({
                 accountName: TEST_USER_NAME,
@@ -168,14 +151,12 @@ describe("DatasetApi", () => {
                 blockHash: TEST_BLOCK_HASH,
             })
             .subscribe((res: GetMetadataBlockQuery) => {
-                expect(
-                    res.datasets.byOwnerAndName?.metadata.chain.blockByHash
-                        ?.blockHash,
-                ).toEqual(blockByHash?.blockHash);
-                expect(
-                    res.datasets.byOwnerAndName?.metadata.chain.blockByHash
-                        ?.author.name,
-                ).toEqual(blockByHash?.author.name);
+                expect(res.datasets.byOwnerAndName?.metadata.chain.blockByHash?.blockHash).toEqual(
+                    blockByHash?.blockHash,
+                );
+                expect(res.datasets.byOwnerAndName?.metadata.chain.blockByHash?.author.name).toEqual(
+                    blockByHash?.author.name,
+                );
             });
 
         const op = controller.expectOne(GetMetadataBlockDocument);
@@ -195,14 +176,9 @@ describe("DatasetApi", () => {
                 datasetId: mockDatasetId,
                 event: mockEvent,
             })
-            .subscribe(
-                (res: CommitEventToDatasetMutation | null | undefined) => {
-                    expect(
-                        res?.datasets.byId?.metadata.chain.commitEvent
-                            .__typename,
-                    ).toEqual("CommitResultSuccess");
-                },
-            );
+            .subscribe((res: CommitEventToDatasetMutation | null | undefined) => {
+                expect(res?.datasets.byId?.metadata.chain.commitEvent.__typename).toEqual("CommitResultSuccess");
+            });
 
         const op = controller.expectOne(CommitEventToDatasetDocument);
         expect(op.operation.variables.datasetId).toEqual(mockDatasetId);
diff --git a/src/app/api/dataset.api.ts b/src/app/api/dataset.api.ts
index e4f99d2e3..d72a8b9ae 100644
--- a/src/app/api/dataset.api.ts
+++ b/src/app/api/dataset.api.ts
@@ -78,18 +78,13 @@ export class DatasetApi {
             );
     }
 
-    public getDatasetDataSqlRun(params: {
-        query: string;
-        limit: number;
-    }): Observable<GetDatasetDataSqlRunQuery> {
-        return this.datasetDataSqlRunGQL
-            .watch({ query: params.query, limit: params.limit })
-            .valueChanges.pipe(
-                first(),
-                map((result: ApolloQueryResult<GetDatasetDataSqlRunQuery>) => {
-                    return result.data;
-                }),
-            );
+    public getDatasetDataSqlRun(params: { query: string; limit: number }): Observable<GetDatasetDataSqlRunQuery> {
+        return this.datasetDataSqlRunGQL.watch({ query: params.query, limit: params.limit }).valueChanges.pipe(
+            first(),
+            map((result: ApolloQueryResult<GetDatasetDataSqlRunQuery>) => {
+                return result.data;
+            }),
+        );
     }
 
     public getDatasetHistory(params: {
@@ -113,9 +108,7 @@ export class DatasetApi {
             );
     }
 
-    public getDatasetSchema(
-        datasetId: string,
-    ): Observable<GetDatasetSchemaQuery> {
+    public getDatasetSchema(datasetId: string): Observable<GetDatasetSchemaQuery> {
         return this.datasetSchemaGQL
             .watch({
                 datasetId,
@@ -133,14 +126,12 @@ export class DatasetApi {
         page = 0,
         perPage = 10,
     ): Observable<DatasetsByAccountNameQuery> {
-        return this.datasetsByAccountNameGQL
-            .watch({ accountName, perPage, page })
-            .valueChanges.pipe(
-                first(),
-                map((result: ApolloQueryResult<DatasetsByAccountNameQuery>) => {
-                    return result.data;
-                }),
-            );
+        return this.datasetsByAccountNameGQL.watch({ accountName, perPage, page }).valueChanges.pipe(
+            first(),
+            map((result: ApolloQueryResult<DatasetsByAccountNameQuery>) => {
+                return result.data;
+            }),
+        );
     }
 
     public getBlockByHash(params: {
@@ -186,13 +177,9 @@ export class DatasetApi {
             })
             .valueChanges.pipe(
                 first(),
-                map(
-                    (
-                        result: ApolloQueryResult<DatasetByAccountAndDatasetNameQuery>,
-                    ) => {
-                        return result.data;
-                    },
-                ),
+                map((result: ApolloQueryResult<DatasetByAccountAndDatasetNameQuery>) => {
+                    return result.data;
+                }),
             );
     }
 
@@ -200,18 +187,12 @@ export class DatasetApi {
         accountId: string,
         snapshot: string,
     ): Observable<CreateDatasetFromSnapshotMutation | undefined | null> {
-        return this.createDatasetFromSnapshotGQL
-            .mutate({ accountId, snapshot })
-            .pipe(
-                first(),
-                map(
-                    (
-                        result: MutationResult<CreateDatasetFromSnapshotMutation>,
-                    ) => {
-                        return result.data;
-                    },
-                ),
-            );
+        return this.createDatasetFromSnapshotGQL.mutate({ accountId, snapshot }).pipe(
+            first(),
+            map((result: MutationResult<CreateDatasetFromSnapshotMutation>) => {
+                return result.data;
+            }),
+        );
     }
 
     public createEmptyDataset(
@@ -219,14 +200,12 @@ export class DatasetApi {
         datasetKind: DatasetKind,
         datasetName: string,
     ): Observable<CreateEmptyDatasetMutation | null | undefined> {
-        return this.createEmptyDatasetGQL
-            .mutate({ accountId, datasetKind, datasetName })
-            .pipe(
-                first(),
-                map((result: MutationResult<CreateEmptyDatasetMutation>) => {
-                    return result.data;
-                }),
-            );
+        return this.createEmptyDatasetGQL.mutate({ accountId, datasetKind, datasetName }).pipe(
+            first(),
+            map((result: MutationResult<CreateEmptyDatasetMutation>) => {
+                return result.data;
+            }),
+        );
     }
 
     public commitEvent(params: {
@@ -246,10 +225,7 @@ export class DatasetApi {
             );
     }
 
-    public updateReadme(
-        datasetId: string,
-        content: string,
-    ): Observable<UpdateReadmeMutation | null | undefined> {
+    public updateReadme(datasetId: string, content: string): Observable<UpdateReadmeMutation | null | undefined> {
         return this.updateReadmeGQL
             .mutate({
                 datasetId,
diff --git a/src/app/api/kamu.graphql.interface.ts b/src/app/api/kamu.graphql.interface.ts
index 45057e2bc..8332e7de4 100644
--- a/src/app/api/kamu.graphql.interface.ts
+++ b/src/app/api/kamu.graphql.interface.ts
@@ -157,18 +157,16 @@ export type CreateDatasetResult = {
     message: Scalars["String"];
 };
 
-export type CreateDatasetResultInvalidSnapshot =
-    CreateDatasetFromSnapshotResult & {
-        __typename?: "CreateDatasetResultInvalidSnapshot";
-        message: Scalars["String"];
-    };
+export type CreateDatasetResultInvalidSnapshot = CreateDatasetFromSnapshotResult & {
+    __typename?: "CreateDatasetResultInvalidSnapshot";
+    message: Scalars["String"];
+};
 
-export type CreateDatasetResultMissingInputs =
-    CreateDatasetFromSnapshotResult & {
-        __typename?: "CreateDatasetResultMissingInputs";
-        message: Scalars["String"];
-        missingInputs: Array<Scalars["String"]>;
-    };
+export type CreateDatasetResultMissingInputs = CreateDatasetFromSnapshotResult & {
+    __typename?: "CreateDatasetResultMissingInputs";
+    message: Scalars["String"];
+    missingInputs: Array<Scalars["String"]>;
+};
 
 export type CreateDatasetResultNameCollision = CreateDatasetFromSnapshotResult &
     CreateDatasetResult & {
@@ -458,9 +456,7 @@ export type EnvVar = {
     value?: Maybe<Scalars["String"]>;
 };
 
-export type EventTimeSource =
-    | EventTimeSourceFromMetadata
-    | EventTimeSourceFromPath;
+export type EventTimeSource = EventTimeSourceFromMetadata | EventTimeSourceFromPath;
 
 export type EventTimeSourceFromMetadata = {
     __typename?: "EventTimeSourceFromMetadata";
@@ -521,10 +517,7 @@ export type LoginResponse = {
     token: AccessToken;
 };
 
-export type MergeStrategy =
-    | MergeStrategyAppend
-    | MergeStrategyLedger
-    | MergeStrategySnapshot;
+export type MergeStrategy = MergeStrategyAppend | MergeStrategyLedger | MergeStrategySnapshot;
 
 export type MergeStrategyAppend = {
     __typename?: "MergeStrategyAppend";
@@ -746,12 +739,7 @@ export enum QueryDialect {
     SqlSpark = "SQL_SPARK",
 }
 
-export type ReadStep =
-    | ReadStepCsv
-    | ReadStepEsriShapefile
-    | ReadStepGeoJson
-    | ReadStepJsonLines
-    | ReadStepParquet;
+export type ReadStep = ReadStepCsv | ReadStepEsriShapefile | ReadStepGeoJson | ReadStepJsonLines | ReadStepParquet;
 
 export type ReadStepCsv = {
     __typename?: "ReadStepCsv";
@@ -1188,9 +1176,7 @@ export type DatasetByAccountAndDatasetNameQuery = {
     __typename?: "Query";
     datasets: {
         __typename?: "Datasets";
-        byOwnerAndName?:
-            | ({ __typename?: "Dataset" } & DatasetBasicsFragment)
-            | null;
+        byOwnerAndName?: ({ __typename?: "Dataset" } & DatasetBasicsFragment) | null;
     };
 };
 
@@ -1322,9 +1308,7 @@ export type DatasetsByAccountNameQuery = {
         byAccountName: {
             __typename?: "DatasetConnection";
             totalCount: number;
-            nodes: Array<
-                { __typename: "Dataset" } & DatasetSearchOverviewFragment
-            >;
+            nodes: Array<{ __typename: "Dataset" } & DatasetSearchOverviewFragment>;
             pageInfo: {
                 __typename?: "PageBasedInfo";
             } & DatasetPageInfoFragment;
@@ -1584,9 +1568,7 @@ export type DatasetBasicsFragment = {
     id: any;
     kind: DatasetKind;
     name: any;
-    owner:
-        | { __typename?: "Organization"; id: any; name: string }
-        | { __typename?: "User"; id: any; name: string };
+    owner: { __typename?: "Organization"; id: any; name: string } | { __typename?: "User"; id: any; name: string };
 };
 
 export type DatasetCurrentInfoFragment = {
@@ -1622,9 +1604,7 @@ export type DatasetDescriptionFragment = {
     metadata: {
         __typename?: "DatasetMetadata";
         currentInfo: { __typename?: "SetInfo" } & DatasetCurrentInfoFragment;
-        currentLicense?:
-            | ({ __typename?: "SetLicense" } & LicenseFragment)
-            | null;
+        currentLicense?: ({ __typename?: "SetLicense" } & LicenseFragment) | null;
     };
 };
 
@@ -1641,9 +1621,7 @@ export type DatasetDetailsFragment = {
     metadata: {
         __typename?: "DatasetMetadata";
         currentWatermark?: any | null;
-        currentLicense?:
-            | ({ __typename?: "SetLicense" } & LicenseFragment)
-            | null;
+        currentLicense?: ({ __typename?: "SetLicense" } & LicenseFragment) | null;
     };
 };
 
@@ -1756,25 +1734,19 @@ export type DatasetMetadataSummaryFragment = {
         __typename: "DatasetMetadata";
         currentWatermark?: any | null;
         currentInfo: { __typename?: "SetInfo" } & DatasetCurrentInfoFragment;
-        currentLicense?:
-            | ({ __typename?: "SetLicense" } & LicenseFragment)
-            | null;
+        currentLicense?: ({ __typename?: "SetLicense" } & LicenseFragment) | null;
         currentSource?:
             | ({
                   __typename?: "SetPollingSource";
               } & SetPollingSourceEventFragment)
             | null;
-        currentTransform?:
-            | ({ __typename?: "SetTransform" } & DatasetTransformFragment)
-            | null;
+        currentTransform?: ({ __typename?: "SetTransform" } & DatasetTransformFragment) | null;
         currentSchema?: {
             __typename: "DataSchema";
             format: DataSchemaFormat;
             content: string;
         } | null;
-        currentVocab?:
-            | ({ __typename?: "SetVocab" } & SetVocabEventFragment)
-            | null;
+        currentVocab?: ({ __typename?: "SetVocab" } & SetVocabEventFragment) | null;
     };
 } & DatasetBasicsFragment &
     DatasetReadmeFragment &
@@ -1812,9 +1784,7 @@ export type DatasetSearchOverviewFragment = {
     metadata: {
         __typename?: "DatasetMetadata";
         currentInfo: { __typename?: "SetInfo" } & DatasetCurrentInfoFragment;
-        currentLicense?:
-            | ({ __typename?: "SetLicense" } & LicenseFragment)
-            | null;
+        currentLicense?: ({ __typename?: "SetLicense" } & LicenseFragment) | null;
         currentDownstreamDependencies: Array<{
             __typename?: "Dataset";
             id: any;
@@ -1866,9 +1836,7 @@ export type MetadataBlockFragment = {
     prevBlockHash?: any | null;
     systemTime: any;
     sequenceNumber: number;
-    author:
-        | { __typename: "Organization"; id: any; name: string }
-        | { __typename: "User"; id: any; name: string };
+    author: { __typename: "Organization"; id: any; name: string } | { __typename: "User"; id: any; name: string };
     event:
         | ({ __typename: "AddData" } & AddDataEventFragment)
         | ({ __typename: "ExecuteQuery" } & ExecuteQueryEventFragment)
@@ -1975,9 +1943,7 @@ export type SearchDatasetsOverviewQuery = {
         query: {
             __typename?: "SearchResultConnection";
             totalCount: number;
-            nodes: Array<
-                { __typename: "Dataset" } & DatasetSearchOverviewFragment
-            >;
+            nodes: Array<{ __typename: "Dataset" } & DatasetSearchOverviewFragment>;
             pageInfo: {
                 __typename?: "PageBasedInfo";
             } & DatasetPageInfoFragment;
@@ -2580,17 +2546,9 @@ export class CommitEventToDatasetGQL extends Apollo.Mutation<
     }
 }
 export const CreateEmptyDatasetDocument = gql`
-    mutation createEmptyDataset(
-        $accountId: AccountID!
-        $datasetKind: DatasetKind!
-        $datasetName: DatasetName!
-    ) {
+    mutation createEmptyDataset($accountId: AccountID!, $datasetKind: DatasetKind!, $datasetName: DatasetName!) {
         datasets {
-            createEmpty(
-                accountId: $accountId
-                datasetKind: $datasetKind
-                datasetName: $datasetName
-            ) {
+            createEmpty(accountId: $accountId, datasetKind: $datasetKind, datasetName: $datasetName) {
                 message
             }
         }
@@ -2611,16 +2569,9 @@ export class CreateEmptyDatasetGQL extends Apollo.Mutation<
     }
 }
 export const CreateDatasetFromSnapshotDocument = gql`
-    mutation createDatasetFromSnapshot(
-        $accountId: AccountID!
-        $snapshot: String!
-    ) {
+    mutation createDatasetFromSnapshot($accountId: AccountID!, $snapshot: String!) {
         datasets {
-            createFromSnapshot(
-                accountId: $accountId
-                snapshot: $snapshot
-                snapshotFormat: YAML
-            ) {
+            createFromSnapshot(accountId: $accountId, snapshot: $snapshot, snapshotFormat: YAML) {
                 message
                 ... on CreateDatasetResultSuccess {
                     dataset {
@@ -2667,10 +2618,7 @@ export const UpdateReadmeDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class UpdateReadmeGQL extends Apollo.Mutation<
-    UpdateReadmeMutation,
-    UpdateReadmeMutationVariables
-> {
+export class UpdateReadmeGQL extends Apollo.Mutation<UpdateReadmeMutation, UpdateReadmeMutationVariables> {
     document = UpdateReadmeDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2678,15 +2626,9 @@ export class UpdateReadmeGQL extends Apollo.Mutation<
     }
 }
 export const DatasetByAccountAndDatasetNameDocument = gql`
-    query datasetByAccountAndDatasetName(
-        $accountName: AccountName!
-        $datasetName: DatasetName!
-    ) {
+    query datasetByAccountAndDatasetName($accountName: AccountName!, $datasetName: DatasetName!) {
         datasets {
-            byOwnerAndName(
-                accountName: $accountName
-                datasetName: $datasetName
-            ) {
+            byOwnerAndName(accountName: $accountName, datasetName: $datasetName) {
                 ...DatasetBasics
             }
         }
@@ -2721,10 +2663,7 @@ export const DatasetByIdDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class DatasetByIdGQL extends Apollo.Query<
-    DatasetByIdQuery,
-    DatasetByIdQueryVariables
-> {
+export class DatasetByIdGQL extends Apollo.Query<DatasetByIdQuery, DatasetByIdQueryVariables> {
     document = DatasetByIdDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2770,17 +2709,9 @@ export class GetDatasetDataSqlRunGQL extends Apollo.Query<
     }
 }
 export const GetDatasetHistoryDocument = gql`
-    query getDatasetHistory(
-        $accountName: AccountName!
-        $datasetName: DatasetName!
-        $perPage: Int
-        $page: Int
-    ) {
+    query getDatasetHistory($accountName: AccountName!, $datasetName: DatasetName!, $perPage: Int, $page: Int) {
         datasets {
-            byOwnerAndName(
-                accountName: $accountName
-                datasetName: $datasetName
-            ) {
+            byOwnerAndName(accountName: $accountName, datasetName: $datasetName) {
                 ...DatasetBasics
                 metadata {
                     chain {
@@ -2806,10 +2737,7 @@ export const GetDatasetHistoryDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class GetDatasetHistoryGQL extends Apollo.Query<
-    GetDatasetHistoryQuery,
-    GetDatasetHistoryQueryVariables
-> {
+export class GetDatasetHistoryGQL extends Apollo.Query<GetDatasetHistoryQuery, GetDatasetHistoryQueryVariables> {
     document = GetDatasetHistoryDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2817,16 +2745,9 @@ export class GetDatasetHistoryGQL extends Apollo.Query<
     }
 }
 export const GetDatasetMainDataDocument = gql`
-    query getDatasetMainData(
-        $accountName: AccountName!
-        $datasetName: DatasetName!
-        $limit: Int
-    ) {
+    query getDatasetMainData($accountName: AccountName!, $datasetName: DatasetName!, $limit: Int) {
         datasets {
-            byOwnerAndName(
-                accountName: $accountName
-                datasetName: $datasetName
-            ) {
+            byOwnerAndName(accountName: $accountName, datasetName: $datasetName) {
                 ...DatasetBasics
                 ...DatasetOverview
                 ...DatasetData
@@ -2845,10 +2766,7 @@ export const GetDatasetMainDataDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class GetDatasetMainDataGQL extends Apollo.Query<
-    GetDatasetMainDataQuery,
-    GetDatasetMainDataQueryVariables
-> {
+export class GetDatasetMainDataGQL extends Apollo.Query<GetDatasetMainDataQuery, GetDatasetMainDataQueryVariables> {
     document = GetDatasetMainDataDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2875,10 +2793,7 @@ export const GetDatasetSchemaDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class GetDatasetSchemaGQL extends Apollo.Query<
-    GetDatasetSchemaQuery,
-    GetDatasetSchemaQueryVariables
-> {
+export class GetDatasetSchemaGQL extends Apollo.Query<GetDatasetSchemaQuery, GetDatasetSchemaQueryVariables> {
     document = GetDatasetSchemaDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2886,17 +2801,9 @@ export class GetDatasetSchemaGQL extends Apollo.Query<
     }
 }
 export const DatasetsByAccountNameDocument = gql`
-    query datasetsByAccountName(
-        $accountName: AccountName!
-        $perPage: Int
-        $page: Int
-    ) {
+    query datasetsByAccountName($accountName: AccountName!, $perPage: Int, $page: Int) {
         datasets {
-            byAccountName(
-                accountName: $accountName
-                perPage: $perPage
-                page: $page
-            ) {
+            byAccountName(accountName: $accountName, perPage: $perPage, page: $page) {
                 nodes {
                     ...DatasetSearchOverview
                     __typename
@@ -2940,10 +2847,7 @@ export const EnginesDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class EnginesGQL extends Apollo.Query<
-    EnginesQuery,
-    EnginesQueryVariables
-> {
+export class EnginesGQL extends Apollo.Query<EnginesQuery, EnginesQueryVariables> {
     document = EnginesDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2971,10 +2875,7 @@ export const GithubLoginDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class GithubLoginGQL extends Apollo.Mutation<
-    GithubLoginMutation,
-    GithubLoginMutationVariables
-> {
+export class GithubLoginGQL extends Apollo.Mutation<GithubLoginMutation, GithubLoginMutationVariables> {
     document = GithubLoginDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -2995,10 +2896,7 @@ export const FetchAccountInfoDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class FetchAccountInfoGQL extends Apollo.Mutation<
-    FetchAccountInfoMutation,
-    FetchAccountInfoMutationVariables
-> {
+export class FetchAccountInfoGQL extends Apollo.Mutation<FetchAccountInfoMutation, FetchAccountInfoMutationVariables> {
     document = FetchAccountInfoDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -3006,16 +2904,9 @@ export class FetchAccountInfoGQL extends Apollo.Mutation<
     }
 }
 export const GetMetadataBlockDocument = gql`
-    query getMetadataBlock(
-        $accountName: AccountName!
-        $datasetName: DatasetName!
-        $blockHash: Multihash!
-    ) {
+    query getMetadataBlock($accountName: AccountName!, $datasetName: DatasetName!, $blockHash: Multihash!) {
         datasets {
-            byOwnerAndName(
-                accountName: $accountName
-                datasetName: $datasetName
-            ) {
+            byOwnerAndName(accountName: $accountName, datasetName: $datasetName) {
                 metadata {
                     chain {
                         blockByHashEncoded(hash: $blockHash, format: YAML)
@@ -3033,10 +2924,7 @@ export const GetMetadataBlockDocument = gql`
 @Injectable({
     providedIn: "root",
 })
-export class GetMetadataBlockGQL extends Apollo.Query<
-    GetMetadataBlockQuery,
-    GetMetadataBlockQueryVariables
-> {
+export class GetMetadataBlockGQL extends Apollo.Query<GetMetadataBlockQuery, GetMetadataBlockQueryVariables> {
     document = GetMetadataBlockDocument;
 
     constructor(apollo: Apollo.Apollo) {
@@ -3044,11 +2932,7 @@ export class GetMetadataBlockGQL extends Apollo.Query<
     }
 }
 export const SearchDatasetsAutocompleteDocument = gql`
-    query searchDatasetsAutocomplete(
-        $query: String!
-        $perPage: Int
-        $page: Int
-    ) {
+    query searchDatasetsAutocomplete($query: String!, $perPage: Int, $page: Int) {
         search {
             query(query: $query, perPage: $perPage, page: $page) {
                 nodes {
diff --git a/src/app/api/mock/auth.mock.ts b/src/app/api/mock/auth.mock.ts
index 5450bf1dd..a3bb8feab 100644
--- a/src/app/api/mock/auth.mock.ts
+++ b/src/app/api/mock/auth.mock.ts
@@ -1,9 +1,5 @@
 import { GraphQLError } from "graphql";
-import {
-    AccountDetailsFragment,
-    FetchAccountInfoMutation,
-    GithubLoginMutation,
-} from "../kamu.graphql.interface";
+import { AccountDetailsFragment, FetchAccountInfoMutation, GithubLoginMutation } from "../kamu.graphql.interface";
 
 export const TEST_GITHUB_CODE = "12345";
 export const TEST_ACCESS_TOKEN = "someToken";
diff --git a/src/app/api/mock/dataset.mock.ts b/src/app/api/mock/dataset.mock.ts
index 2dd05e797..ede8ee9fc 100644
--- a/src/app/api/mock/dataset.mock.ts
+++ b/src/app/api/mock/dataset.mock.ts
@@ -11,8 +11,7 @@ import { DatasetsAccountResponse } from "src/app/interface/dataset.interface";
 
 export const TEST_USER_NAME = "test-user";
 export const TEST_DATASET_NAME = "test-dataset";
-export const TEST_BLOCK_HASH =
-    "zW1hNbxPz28K1oLNGbddudUzKKLT9LDPh8chjksEo6HcDev";
+export const TEST_BLOCK_HASH = "zW1hNbxPz28K1oLNGbddudUzKKLT9LDPh8chjksEo6HcDev";
 
 export const mockDatasetDataSqlRunResponse: GetDatasetDataSqlRunQuery = {
     data: {
@@ -61,8 +60,7 @@ export const mockDatasetListItem: DatasetSearchOverviewFragment = {
             shortName: "OGL-Canada-2.0",
             name: "Open Government Licence - Canada",
             spdxId: "OGL-Canada-2.0",
-            websiteUrl:
-                "https://open.canada.ca/en/open-government-licence-canada",
+            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
         },
         currentDownstreamDependencies: [
             {
@@ -108,8 +106,7 @@ export const mockDatasetsByAccountNameQuery: DatasetsByAccountNameQuery = {
                         __typename: "DatasetMetadata",
                         currentInfo: {
                             __typename: "SetInfo",
-                            description:
-                                "Confirmed positive cases of COVID-19 in Alberta.",
+                            description: "Confirmed positive cases of COVID-19 in Alberta.",
                             keywords: [
                                 "Healthcare",
                                 "Epidemiology",
@@ -126,8 +123,7 @@ export const mockDatasetsByAccountNameQuery: DatasetsByAccountNameQuery = {
                             shortName: "OGL-Canada-2.0",
                             name: "Open Government Licence - Canada",
                             spdxId: "OGL-Canada-2.0",
-                            websiteUrl:
-                                "https://open.canada.ca/en/open-government-licence-canada",
+                            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                         },
                         currentDownstreamDependencies: [
                             {
@@ -172,10 +168,8 @@ export const mockGetMetadataBlockQuery: GetMetadataBlockQuery = {
                         "kind: MetadataBlock\nversion: 2\ncontent:\n  systemTime: 2022-08-05T21:17:30.621941313Z\n  prevBlockHash: zW1auBfep4NvrY6RqNN7asdjTzuNMAugdcsw7VfrsQFDqj1\n  sequenceNumber: 3\n  event:\n    kind: setInfo\n    description: British Columbia COVID-19 case data updated regularly from the B.C. Centre for Disease Control, Provincial Health Services Authority and the B.C. Ministry of Health.\n    keywords:\n    - Healthcare\n    - Epidemiology\n    - COVID-19\n    - SARS-CoV-2\n    - Disaggregated\n    - Anonymized\n    - British Columbia\n    - Canada\n",
                     blockByHash: {
                         __typename: "MetadataBlockExtended",
-                        blockHash:
-                            "zW1hNbxPz28K1oLNGbddudUzKKLT9LDPh8chjksEo6HcDev",
-                        prevBlockHash:
-                            "zW1abnmxotsSC7H6SyfbL7bpWtQrMSQktUfiJds3KWX1xfm",
+                        blockHash: "zW1hNbxPz28K1oLNGbddudUzKKLT9LDPh8chjksEo6HcDev",
+                        prevBlockHash: "zW1abnmxotsSC7H6SyfbL7bpWtQrMSQktUfiJds3KWX1xfm",
                         systemTime: "2022-08-05T21:20:08.053635579+00:00",
                         sequenceNumber: 6,
                         author: {
@@ -192,18 +186,15 @@ export const mockGetMetadataBlockQuery: GetMetadataBlockQuery = {
                                     start: 0,
                                     end: 596125,
                                 },
-                                logicalHash:
-                                    "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
-                                physicalHash:
-                                    "zW1i7cajDaJjwxCRaRyGHqJpDrqZXbm1wMZkaWrH8a8Cmbd",
+                                logicalHash: "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
+                                physicalHash: "zW1i7cajDaJjwxCRaRyGHqJpDrqZXbm1wMZkaWrH8a8Cmbd",
                             },
                             inputCheckpoint: null,
                             watermark: "2022-08-01T00:00:00+00:00",
                             inputSlices: [
                                 {
                                     __typename: "InputSlice",
-                                    datasetId:
-                                        "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
+                                    datasetId: "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
                                     blockInterval: {
                                         __typename: "BlockInterval",
                                         start: "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
@@ -218,8 +209,7 @@ export const mockGetMetadataBlockQuery: GetMetadataBlockQuery = {
                             ],
                             outputCheckpoint: {
                                 __typename: "Checkpoint",
-                                physicalHash:
-                                    "zW1otipGpjScUH8C2RfaF4s8RshReBbQVPDf2fPrp2R8Ft2",
+                                physicalHash: "zW1otipGpjScUH8C2RfaF4s8RshReBbQVPDf2fPrp2R8Ft2",
                                 size: 2560,
                             },
                         },
@@ -300,9 +290,7 @@ export const MOCK_CLUSTERS = [
             x: 10,
             y: 10,
         },
-        childNodeIds: [
-            "did:odf:z4k88e8qmphemqz8ZfEio3bGRrAjoKtP83U22XidbGtHrUcEghj",
-        ],
+        childNodeIds: ["did:odf:z4k88e8qmphemqz8ZfEio3bGRrAjoKtP83U22XidbGtHrUcEghj"],
     },
     {
         id: "DERIVATIVE_cluster",
@@ -314,8 +302,6 @@ export const MOCK_CLUSTERS = [
             x: 10,
             y: 10,
         },
-        childNodeIds: [
-            "did:odf:z4k88e8h7woj2Njge7MpGneHHEo8nuSA6npPrAroFpETcukCenC",
-        ],
+        childNodeIds: ["did:odf:z4k88e8h7woj2Njge7MpGneHHEo8nuSA6npPrAroFpETcukCenC"],
     },
 ];
diff --git a/src/app/api/mock/search.mock.ts b/src/app/api/mock/search.mock.ts
index 5f9f98ae9..6357773ae 100644
--- a/src/app/api/mock/search.mock.ts
+++ b/src/app/api/mock/search.mock.ts
@@ -1,12 +1,5 @@
-import {
-    DatasetAutocompleteItem,
-    TypeNames,
-} from "../../interface/search.interface";
-import {
-    DatasetKind,
-    SearchDatasetsAutocompleteQuery,
-    SearchDatasetsOverviewQuery,
-} from "../kamu.graphql.interface";
+import { DatasetAutocompleteItem, TypeNames } from "../../interface/search.interface";
+import { DatasetKind, SearchDatasetsAutocompleteQuery, SearchDatasetsOverviewQuery } from "../kamu.graphql.interface";
 
 export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
     search: {
@@ -22,8 +15,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                         __typename: "DatasetMetadata",
                         currentInfo: {
                             __typename: "SetInfo",
-                            description:
-                                "Confirmed positive cases of COVID-19 in Alberta.",
+                            description: "Confirmed positive cases of COVID-19 in Alberta.",
                             keywords: [
                                 "Healthcare",
                                 "Epidemiology",
@@ -40,8 +32,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "OGL-Canada-2.0",
                             name: "Open Government Licence - Canada",
                             spdxId: "OGL-Canada-2.0",
-                            websiteUrl:
-                                "https://open.canada.ca/en/open-government-licence-canada",
+                            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                         },
                         currentDownstreamDependencies: [
                             {
@@ -68,8 +59,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                         __typename: "DatasetMetadata",
                         currentInfo: {
                             __typename: "SetInfo",
-                            description:
-                                "Confirmed positive cases of COVID-19 in Alberta (harmonized).",
+                            description: "Confirmed positive cases of COVID-19 in Alberta (harmonized).",
                             keywords: [
                                 "Healthcare",
                                 "Epidemiology",
@@ -87,8 +77,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "OGL-Canada-2.0",
                             name: "Open Government Licence - Canada",
                             spdxId: "OGL-Canada-2.0",
-                            websiteUrl:
-                                "https://open.canada.ca/en/open-government-licence-canada",
+                            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                         },
                         currentDownstreamDependencies: [
                             {
@@ -133,8 +122,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "OGL-Canada-2.0",
                             name: "Open Government Licence - Canada",
                             spdxId: "OGL-Canada-2.0",
-                            websiteUrl:
-                                "https://open.canada.ca/en/open-government-licence-canada",
+                            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                         },
                         currentDownstreamDependencies: [
                             {
@@ -161,8 +149,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                         __typename: "DatasetMetadata",
                         currentInfo: {
                             __typename: "SetInfo",
-                            description:
-                                "Confirmed positive cases of COVID-19 in British Columbia (harmonized).",
+                            description: "Confirmed positive cases of COVID-19 in British Columbia (harmonized).",
                             keywords: [
                                 "Healthcare",
                                 "Epidemiology",
@@ -180,8 +167,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "OGL-Canada-2.0",
                             name: "Open Government Licence - Canada",
                             spdxId: "OGL-Canada-2.0",
-                            websiteUrl:
-                                "https://open.canada.ca/en/open-government-licence-canada",
+                            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                         },
                         currentDownstreamDependencies: [
                             {
@@ -226,8 +212,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "OGL-Canada-2.0",
                             name: "Open Government Licence - Canada",
                             spdxId: "OGL-Canada-2.0",
-                            websiteUrl:
-                                "https://open.canada.ca/en/open-government-licence-canada",
+                            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                         },
                         currentDownstreamDependencies: [
                             {
@@ -256,22 +241,14 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             __typename: "SetInfo",
                             description:
                                 "Pan-Canadian COVID-19 daily case counts on per Health Region level of aggregation.",
-                            keywords: [
-                                "Healthcare",
-                                "Epidemiology",
-                                "COVID-19",
-                                "SARS-CoV-2",
-                                "Aggregated",
-                                "Canada",
-                            ],
+                            keywords: ["Healthcare", "Epidemiology", "COVID-19", "SARS-CoV-2", "Aggregated", "Canada"],
                         },
                         currentLicense: {
                             __typename: "SetLicense",
                             shortName: "OGL-Ontario",
                             name: "Open Government Licence - Ontario",
                             spdxId: null,
-                            websiteUrl:
-                                "https://www.ontario.ca/page/open-government-licence-ontario",
+                            websiteUrl: "https://www.ontario.ca/page/open-government-licence-ontario",
                         },
                         currentDownstreamDependencies: [],
                     },
@@ -323,8 +300,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "Proprietary",
                             name: "CryptoCompare - API License Agreement",
                             spdxId: null,
-                            websiteUrl:
-                                "https://www.cryptocompare.com/api-licence-agreement/",
+                            websiteUrl: "https://www.cryptocompare.com/api-licence-agreement/",
                         },
                         currentDownstreamDependencies: [],
                     },
@@ -368,8 +344,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                         __typename: "DatasetMetadata",
                         currentInfo: {
                             __typename: "SetInfo",
-                            description:
-                                "Confirmed positive cases of COVID-19 in Ontario.",
+                            description: "Confirmed positive cases of COVID-19 in Ontario.",
                             keywords: [
                                 "Healthcare",
                                 "Epidemiology",
@@ -386,8 +361,7 @@ export const mockSearchOverviewResponse: SearchDatasetsOverviewQuery = {
                             shortName: "OGL-Ontario",
                             name: "Open Government Licence - Ontario",
                             spdxId: null,
-                            websiteUrl:
-                                "https://www.ontario.ca/page/open-government-licence-ontario",
+                            websiteUrl: "https://www.ontario.ca/page/open-government-licence-ontario",
                         },
                         currentDownstreamDependencies: [
                             {
diff --git a/src/app/api/search.api.spec.ts b/src/app/api/search.api.spec.ts
index bae8e6828..b451c8d07 100644
--- a/src/app/api/search.api.spec.ts
+++ b/src/app/api/search.api.spec.ts
@@ -1,18 +1,12 @@
 import { TestBed } from "@angular/core/testing";
 import { SearchApi, SEARCH_RESULTS_PER_PAGE } from "./search.api";
-import {
-    ApolloTestingController,
-    ApolloTestingModule,
-} from "apollo-angular/testing";
+import { ApolloTestingController, ApolloTestingModule } from "apollo-angular/testing";
 import {
     SearchDatasetsAutocompleteDocument,
     SearchDatasetsOverviewDocument,
     SearchDatasetsOverviewQuery,
 } from "./kamu.graphql.interface";
-import {
-    mockSearchOverviewResponse,
-    mockAutoCompleteResponse,
-} from "./mock/search.mock";
+import { mockSearchOverviewResponse, mockAutoCompleteResponse } from "./mock/search.mock";
 import { DatasetAutocompleteItem } from "../interface/search.interface";
 
 describe("SearchApi", () => {
@@ -38,14 +32,9 @@ describe("SearchApi", () => {
 
     it("should check dataset autocomplete", () => {
         const TEST_QUERY = "a";
-        service
-            .autocompleteDatasetSearch(TEST_QUERY)
-            .subscribe((res: DatasetAutocompleteItem[]) => {
-                expect(res.length).toEqual(
-                    mockAutoCompleteResponse.search.query.nodes.length +
-                        1 /* dummy result */,
-                );
-            });
+        service.autocompleteDatasetSearch(TEST_QUERY).subscribe((res: DatasetAutocompleteItem[]) => {
+            expect(res.length).toEqual(mockAutoCompleteResponse.search.query.nodes.length + 1 /* dummy result */);
+        });
 
         const op = controller.expectOne(SearchDatasetsAutocompleteDocument);
         expect(op.operation.variables.query).toEqual(TEST_QUERY);
@@ -57,20 +46,16 @@ describe("SearchApi", () => {
     });
 
     it("should check dataset autocomplete with empty query", () => {
-        service
-            .autocompleteDatasetSearch("")
-            .subscribe((res: DatasetAutocompleteItem[]) => {
-                expect(res).toEqual([]);
-            });
+        service.autocompleteDatasetSearch("").subscribe((res: DatasetAutocompleteItem[]) => {
+            expect(res).toEqual([]);
+        });
     });
 
     it("should check dataset search with empty query", () => {
         const EMPTY_QUERY = "";
-        service
-            .overviewDatasetSearch(EMPTY_QUERY)
-            .subscribe((res: SearchDatasetsOverviewQuery) => {
-                expect(res.search.query.totalCount).toEqual(13);
-            });
+        service.overviewDatasetSearch(EMPTY_QUERY).subscribe((res: SearchDatasetsOverviewQuery) => {
+            expect(res.search.query.totalCount).toEqual(13);
+        });
 
         const op = controller.expectOne(SearchDatasetsOverviewDocument);
         expect(op.operation.variables.query).toEqual(EMPTY_QUERY);
diff --git a/src/app/api/search.api.ts b/src/app/api/search.api.ts
index cdf9d3bf2..6fb984a7c 100644
--- a/src/app/api/search.api.ts
+++ b/src/app/api/search.api.ts
@@ -3,10 +3,7 @@ import { Injectable } from "@angular/core";
 
 import { map, first } from "rxjs/operators";
 import { Observable, of } from "rxjs";
-import {
-    DatasetAutocompleteItem,
-    TypeNames,
-} from "../interface/search.interface";
+import { DatasetAutocompleteItem, TypeNames } from "../interface/search.interface";
 
 import {
     SearchDatasetsAutocompleteGQL,
@@ -41,13 +38,9 @@ export class SearchApi {
             })
             .valueChanges.pipe(
                 first(),
-                map(
-                    (
-                        result: ApolloQueryResult<SearchDatasetsOverviewQuery>,
-                    ) => {
-                        return result.data;
-                    },
-                ),
+                map((result: ApolloQueryResult<SearchDatasetsOverviewQuery>) => {
+                    return result.data;
+                }),
             );
     }
 
@@ -58,36 +51,29 @@ export class SearchApi {
         if (id === "") {
             return of([]);
         }
-        return this.searchDatasetsAutocompleteGQL
-            .watch({ query: id, perPage })
-            .valueChanges.pipe(
-                first(),
-                map(
-                    (
-                        result: ApolloQueryResult<SearchDatasetsAutocompleteQuery>,
-                    ) => {
-                        const nodesList: DatasetAutocompleteItem[] =
-                            result.data.search.query.nodes.map((node) => ({
-                                dataset: node as DatasetBasicsFragment,
-                                __typename: node.__typename as TypeNames,
-                            }));
-                        // Add dummy result that opens search view
-                        nodesList.unshift({
-                            __typename: TypeNames.allDataType,
-                            dataset: {
-                                id,
-                                name: id,
-                                kind: DatasetKind.Root,
-                                owner: {
-                                    id: AppValues.DEFAULT_USERNAME,
-                                    name: AppValues.DEFAULT_USERNAME,
-                                },
-                            },
-                        });
-
-                        return nodesList;
+        return this.searchDatasetsAutocompleteGQL.watch({ query: id, perPage }).valueChanges.pipe(
+            first(),
+            map((result: ApolloQueryResult<SearchDatasetsAutocompleteQuery>) => {
+                const nodesList: DatasetAutocompleteItem[] = result.data.search.query.nodes.map((node) => ({
+                    dataset: node as DatasetBasicsFragment,
+                    __typename: node.__typename as TypeNames,
+                }));
+                // Add dummy result that opens search view
+                nodesList.unshift({
+                    __typename: TypeNames.allDataType,
+                    dataset: {
+                        id,
+                        name: id,
+                        kind: DatasetKind.Root,
+                        owner: {
+                            id: AppValues.DEFAULT_USERNAME,
+                            name: AppValues.DEFAULT_USERNAME,
+                        },
                     },
-                ),
-            );
+                });
+
+                return nodesList;
+            }),
+        );
     }
 }
diff --git a/src/app/app-config.service.ts b/src/app/app-config.service.ts
index 62fe9f383..f84b10bf1 100644
--- a/src/app/app-config.service.ts
+++ b/src/app/app-config.service.ts
@@ -31,11 +31,7 @@ export class AppConfigService {
     // If loopback or any address is used - replace hostname with hostname from the browser
     private static toRemoteURL(url: string): string {
         const turl = new URL(url);
-        if (
-            ["localhost", "127.0.0.1", "0.0.0.0", "[::]"].includes(
-                turl.hostname,
-            )
-        ) {
+        if (["localhost", "127.0.0.1", "0.0.0.0", "[::]"].includes(turl.hostname)) {
             turl.hostname = window.location.hostname;
         }
         return turl.href;
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 1257c78bf..f03bd6119 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -6,11 +6,7 @@ import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { MatMenuModule } from "@angular/material/menu";
 import { RouterTestingModule } from "@angular/router/testing";
 import { SearchApi } from "./api/search.api";
-import {
-    ALL_URLS_WITHOUT_ACCESS_TOKEN,
-    ALL_URLS_WITHOUT_HEADER,
-    AppComponent,
-} from "./app.component";
+import { ALL_URLS_WITHOUT_ACCESS_TOKEN, ALL_URLS_WITHOUT_HEADER, AppComponent } from "./app.component";
 import AppValues from "./common/app.values";
 import { isMobileView } from "./common/app.helpers";
 import { SearchService } from "./search/search.service";
@@ -21,15 +17,9 @@ import { ModalService } from "./components/modal/modal.service";
 import { ApolloTestingModule } from "apollo-angular/testing";
 import { of } from "rxjs";
 import ProjectLinks from "./project-links";
-import {
-    routerMock,
-    routerMockEventSubject,
-} from "./common/base-test.helpers.spec";
+import { routerMock, routerMockEventSubject } from "./common/base-test.helpers.spec";
 import { ActivatedRoute, NavigationEnd, Router } from "@angular/router";
-import {
-    mockAccountDetails,
-    mockUserInfoFromAccessToken,
-} from "./api/mock/auth.mock";
+import { mockAccountDetails, mockUserInfoFromAccessToken } from "./api/mock/auth.mock";
 import { FetchAccountInfoGQL } from "./api/kamu.graphql.interface";
 import { AppHeaderComponent } from "./components/app-header/app-header.component";
 import { SpinnerComponent } from "./components/spinner/spinner/spinner.component";
@@ -44,19 +34,8 @@ describe("AppComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [
-                RouterTestingModule,
-                ApolloTestingModule,
-                MatMenuModule,
-                NgbTypeaheadModule,
-                FormsModule,
-            ],
-            declarations: [
-                AppComponent,
-                ModalComponent,
-                AppHeaderComponent,
-                SpinnerComponent,
-            ],
+            imports: [RouterTestingModule, ApolloTestingModule, MatMenuModule, NgbTypeaheadModule, FormsModule],
+            declarations: [AppComponent, ModalComponent, AppHeaderComponent, SpinnerComponent],
             providers: [
                 SearchService,
                 SearchApi,
@@ -79,9 +58,7 @@ describe("AppComponent", () => {
         authApi = TestBed.inject(AuthApi);
         fetchAccountInfoGQL = TestBed.inject(FetchAccountInfoGQL);
         component = fixture.componentInstance;
-        routerMockEventSubject.next(
-            new NavigationEnd(1, ProjectLinks.URL_LOGIN, ""),
-        );
+        routerMockEventSubject.next(new NavigationEnd(1, ProjectLinks.URL_LOGIN, ""));
         fixture.detectChanges();
     });
 
@@ -89,62 +66,32 @@ describe("AppComponent", () => {
         expect(component).toBeTruthy();
     });
 
-    ProjectLinks.ALL_URLS.filter(
-        (url) => !ALL_URLS_WITHOUT_ACCESS_TOKEN.includes(url),
-    ).forEach((url: string) => {
+    ProjectLinks.ALL_URLS.filter((url) => !ALL_URLS_WITHOUT_ACCESS_TOKEN.includes(url)).forEach((url: string) => {
         it(`should call authentification method in onInit for ${url} and trigger token restore`, () => {
             const someToken = "someToken";
-            const authentificationSpy = spyOn(
-                component,
-                "authentification",
-            ).and.callThrough();
-            const localStorageGetItemSpy = spyOn(
-                localStorage,
-                "getItem",
-            ).and.returnValue(someToken);
-            const fetchUserInfoFromAccessTokenSpy = spyOn(
-                authApi,
-                "fetchUserInfoFromAccessToken",
-            ).and.callFake(() => of());
-            const isAuthenticatedSpy = spyOnProperty(
-                authApi,
-                "isAuthenticated",
-                "get",
-            ).and.returnValue(false);
+            const authentificationSpy = spyOn(component, "authentification").and.callThrough();
+            const localStorageGetItemSpy = spyOn(localStorage, "getItem").and.returnValue(someToken);
+            const fetchUserInfoFromAccessTokenSpy = spyOn(authApi, "fetchUserInfoFromAccessToken").and.callFake(() =>
+                of(),
+            );
+            const isAuthenticatedSpy = spyOnProperty(authApi, "isAuthenticated", "get").and.returnValue(false);
 
             routerMock.url = url;
             component.ngOnInit();
 
             expect(authentificationSpy).toHaveBeenCalledWith();
-            expect(localStorageGetItemSpy).toHaveBeenCalledWith(
-                AppValues.LOCAL_STORAGE_ACCESS_TOKEN,
-            );
-            expect(fetchUserInfoFromAccessTokenSpy).toHaveBeenCalledWith(
-                someToken,
-            );
+            expect(localStorageGetItemSpy).toHaveBeenCalledWith(AppValues.LOCAL_STORAGE_ACCESS_TOKEN);
+            expect(fetchUserInfoFromAccessTokenSpy).toHaveBeenCalledWith(someToken);
             expect(isAuthenticatedSpy).toHaveBeenCalledWith();
         });
     });
 
     ALL_URLS_WITHOUT_ACCESS_TOKEN.forEach((url: string) => {
         it(`should call authentification method in onInit on ${url} without token restore`, () => {
-            const authentificationSpy = spyOn(
-                component,
-                "authentification",
-            ).and.callThrough();
-            const localStorageGetItemSpy = spyOn(
-                localStorage,
-                "getItem",
-            ).and.stub();
-            const fetchUserInfoFromAccessTokenSpy = spyOn(
-                authApi,
-                "fetchUserInfoFromAccessToken",
-            ).and.stub();
-            const isAuthenticatedSpy = spyOnProperty(
-                authApi,
-                "isAuthenticated",
-                "get",
-            ).and.stub();
+            const authentificationSpy = spyOn(component, "authentification").and.callThrough();
+            const localStorageGetItemSpy = spyOn(localStorage, "getItem").and.stub();
+            const fetchUserInfoFromAccessTokenSpy = spyOn(authApi, "fetchUserInfoFromAccessToken").and.stub();
+            const isAuthenticatedSpy = spyOnProperty(authApi, "isAuthenticated", "get").and.stub();
 
             routerMock.url = url;
             component.ngOnInit();
@@ -157,29 +104,20 @@ describe("AppComponent", () => {
     });
 
     it("should check call checkWindowSize method", () => {
-        const checkWindowSizeSpy = spyOn(
-            component,
-            "checkWindowSize",
-        ).and.callThrough();
+        const checkWindowSizeSpy = spyOn(component, "checkWindowSize").and.callThrough();
         window.dispatchEvent(new Event("resize"));
         expect(checkWindowSizeSpy).toHaveBeenCalledWith();
         expect(component.isMobileView).toEqual(isMobileView());
     });
 
     it("should check call onClickAppLogo method", () => {
-        const navigateToSearchSpy = spyOn(
-            navigationService,
-            "navigateToSearch",
-        ).and.returnValue();
+        const navigateToSearchSpy = spyOn(navigationService, "navigateToSearch").and.returnValue();
         component.onClickAppLogo();
         expect(navigateToSearchSpy).toHaveBeenCalledWith();
     });
 
     it("should check call onAddNew method", () => {
-        const navigateToDatasetCreateSpy = spyOn(
-            navigationService,
-            "navigateToDatasetCreate",
-        ).and.returnValue();
+        const navigateToDatasetCreateSpy = spyOn(navigationService, "navigateToDatasetCreate").and.returnValue();
         component.onAddNew();
         expect(navigateToDatasetCreateSpy).toHaveBeenCalledWith();
     });
@@ -191,19 +129,13 @@ describe("AppComponent", () => {
     });
 
     it("should check call onLogin method", () => {
-        const loginSpy = spyOn(
-            navigationService,
-            "navigateToLogin",
-        ).and.returnValue();
+        const loginSpy = spyOn(navigationService, "navigateToLogin").and.returnValue();
         component.onLogin();
         expect(loginSpy).toHaveBeenCalledWith();
     });
 
     it("should check call onSelectDataset method and navigate to dataset", () => {
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        ).and.returnValue();
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView").and.returnValue();
         component.onSelectDataset(mockAutocompleteItems[0]);
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith({
             accountName: mockAutocompleteItems[0].dataset.owner.name,
@@ -212,32 +144,17 @@ describe("AppComponent", () => {
     });
 
     it("should check call onSelectDataset method and navigate to search", () => {
-        const navigateToSearchSpy = spyOn(
-            navigationService,
-            "navigateToSearch",
-        ).and.returnValue();
+        const navigateToSearchSpy = spyOn(navigationService, "navigateToSearch").and.returnValue();
         component.onSelectDataset(mockAutocompleteItems[1]);
-        expect(navigateToSearchSpy).toHaveBeenCalledWith(
-            mockAutocompleteItems[1].dataset.id as string,
-        );
+        expect(navigateToSearchSpy).toHaveBeenCalledWith(mockAutocompleteItems[1].dataset.id as string);
     });
 
     it("should check call onUserProfile", () => {
-        const navigationServicelSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        ).and.returnValue();
-        const currentUserSpy = spyOnProperty(
-            authApi,
-            "currentUser",
-            "get",
-        ).and.returnValue(mockAccountDetails);
+        const navigationServicelSpy = spyOn(navigationService, "navigateToOwnerView").and.returnValue();
+        const currentUserSpy = spyOnProperty(authApi, "currentUser", "get").and.returnValue(mockAccountDetails);
         component.onUserProfile();
         expect(currentUserSpy).toHaveBeenCalledWith();
-        expect(navigationServicelSpy).toHaveBeenCalledWith(
-            mockAccountDetails.login,
-            AccountTabs.overview,
-        );
+        expect(navigationServicelSpy).toHaveBeenCalledWith(mockAccountDetails.login, AccountTabs.overview);
     });
 
     ALL_URLS_WITHOUT_HEADER.forEach((url: string) => {
@@ -248,9 +165,7 @@ describe("AppComponent", () => {
         });
     });
 
-    ProjectLinks.ALL_URLS.filter(
-        (url) => !ALL_URLS_WITHOUT_HEADER.includes(url),
-    ).forEach((url: string) => {
+    ProjectLinks.ALL_URLS.filter((url) => !ALL_URLS_WITHOUT_HEADER.includes(url)).forEach((url: string) => {
         it(`should show header when going to ${url} page`, () => {
             routerMockEventSubject.next(new NavigationEnd(1, url, ""));
             fixture.detectChanges();
@@ -267,9 +182,7 @@ describe("AppComponent", () => {
         );
         authApi.fetchUserInfoFromAccessToken("someToken").subscribe();
 
-        expect(component.user).toEqual(
-            mockUserInfoFromAccessToken.auth.accountInfo,
-        );
+        expect(component.user).toEqual(mockUserInfoFromAccessToken.auth.accountInfo);
 
         authApi.terminateSession();
         expect(component.user).toEqual(AppComponent.AnonymousAccountInfo);
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index d0bbda2a5..a659f35c8 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -2,19 +2,11 @@ import { AuthenticationError } from "./common/errors";
 import { throwError } from "rxjs";
 import { AccountTabs } from "./auth/account/account.constants";
 import { NavigationService } from "./services/navigation.service";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    HostListener,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostListener, OnInit } from "@angular/core";
 import AppValues from "./common/app.values";
 import { filter, map } from "rxjs/operators";
 import { NavigationEnd, Router, RouterEvent } from "@angular/router";
-import {
-    DatasetAutocompleteItem,
-    TypeNames,
-} from "./interface/search.interface";
+import { DatasetAutocompleteItem, TypeNames } from "./interface/search.interface";
 import { AuthApi } from "./api/auth.api";
 import { ModalService } from "./components/modal/modal.service";
 import { BaseComponent } from "./common/base.component";
@@ -24,15 +16,9 @@ import { MaybeNull } from "./common/app.types";
 import _ from "lodash";
 import { isMobileView, promiseWithCatch } from "./common/app.helpers";
 
-export const ALL_URLS_WITHOUT_HEADER: string[] = [
-    ProjectLinks.URL_LOGIN,
-    ProjectLinks.URL_GITHUB_CALLBACK,
-];
+export const ALL_URLS_WITHOUT_HEADER: string[] = [ProjectLinks.URL_LOGIN, ProjectLinks.URL_GITHUB_CALLBACK];
 
-export const ALL_URLS_WITHOUT_ACCESS_TOKEN: string[] = [
-    ProjectLinks.URL_LOGIN,
-    ProjectLinks.URL_GITHUB_CALLBACK,
-];
+export const ALL_URLS_WITHOUT_ACCESS_TOKEN: string[] = [ProjectLinks.URL_LOGIN, ProjectLinks.URL_GITHUB_CALLBACK];
 
 @Component({
     selector: "app-root",
@@ -74,18 +60,12 @@ export class AppComponent extends BaseComponent implements OnInit {
                     map((event) => event as RouterEvent),
                 )
                 .subscribe((event: RouterEvent) => {
-                    this.isHeaderVisible = this.shouldHeaderBeVisible(
-                        event.url,
-                    );
+                    this.isHeaderVisible = this.shouldHeaderBeVisible(event.url);
                 }),
 
-            this.authApi.onUserChanges.subscribe(
-                (user: MaybeNull<AccountDetailsFragment>) => {
-                    this.user = user
-                        ? _.cloneDeep(user)
-                        : AppComponent.AnonymousAccountInfo;
-                },
-            ),
+            this.authApi.onUserChanges.subscribe((user: MaybeNull<AccountDetailsFragment>) => {
+                this.user = user ? _.cloneDeep(user) : AppComponent.AnonymousAccountInfo;
+            }),
         );
         this.authentification();
     }
@@ -94,18 +74,9 @@ export class AppComponent extends BaseComponent implements OnInit {
         if (ALL_URLS_WITHOUT_ACCESS_TOKEN.includes(this.router.url)) {
             return;
         } else {
-            const accessToken: string | null = localStorage.getItem(
-                AppValues.LOCAL_STORAGE_ACCESS_TOKEN,
-            );
-            if (
-                typeof accessToken === "string" &&
-                !this.authApi.isAuthenticated
-            ) {
-                this.trackSubscription(
-                    this.authApi
-                        .fetchUserInfoFromAccessToken(accessToken)
-                        .subscribe(),
-                );
+            const accessToken: string | null = localStorage.getItem(AppValues.LOCAL_STORAGE_ACCESS_TOKEN);
+            if (typeof accessToken === "string" && !this.authApi.isAuthenticated) {
+                this.trackSubscription(this.authApi.fetchUserInfoFromAccessToken(accessToken).subscribe());
                 return;
             }
         }
@@ -116,9 +87,7 @@ export class AppComponent extends BaseComponent implements OnInit {
     }
 
     private shouldHeaderBeVisible(url: string): boolean {
-        return !ALL_URLS_WITHOUT_HEADER.some((item) =>
-            url.toLowerCase().includes(item),
-        );
+        return !ALL_URLS_WITHOUT_HEADER.some((item) => url.toLowerCase().includes(item));
     }
 
     public onSelectDataset(item: DatasetAutocompleteItem): void {
@@ -153,27 +122,17 @@ export class AppComponent extends BaseComponent implements OnInit {
 
     public onUserProfile(): void {
         if (this.authApi.currentUser?.login) {
-            this.navigationService.navigateToOwnerView(
-                this.authApi.currentUser.login,
-                AccountTabs.overview,
-            );
+            this.navigationService.navigateToOwnerView(this.authApi.currentUser.login, AccountTabs.overview);
         } else {
-            throwError(
-                new AuthenticationError([new Error("Login is undefined")]),
-            );
+            throwError(new AuthenticationError([new Error("Login is undefined")]));
         }
     }
 
     public onUserDatasets(): void {
         if (this.authApi.currentUser?.login) {
-            this.navigationService.navigateToOwnerView(
-                this.authApi.currentUser.login,
-                AccountTabs.datasets,
-            );
+            this.navigationService.navigateToOwnerView(this.authApi.currentUser.login, AccountTabs.datasets);
         } else {
-            throwError(
-                new AuthenticationError([new Error("Login is undefined")]),
-            );
+            throwError(new AuthenticationError([new Error("Login is undefined")]));
         }
     }
 
@@ -199,9 +158,7 @@ export class AppComponent extends BaseComponent implements OnInit {
         if (this.authApi.currentUser?.login) {
             this.navigationService.navigateToSettings();
         } else {
-            throwError(
-                new AuthenticationError([new Error("Login is undefined")]),
-            );
+            throwError(new AuthenticationError([new Error("Login is undefined")]));
         }
     }
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index e6ad8736c..8b0dbb9d6 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -16,11 +16,7 @@ import { MatToolbarModule } from "@angular/material/toolbar";
 import { NgbModule, NgbTypeaheadModule } from "@ng-bootstrap/ng-bootstrap";
 import { MatFormFieldModule } from "@angular/material/form-field";
 import { MatIconModule } from "@angular/material/icon";
-import {
-    HttpClient,
-    HttpClientModule,
-    HTTP_INTERCEPTORS,
-} from "@angular/common/http";
+import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
 import { MatTableModule } from "@angular/material/table";
 import { CdkTableModule } from "@angular/cdk/table";
 import { InMemoryCache } from "@apollo/client/core";
diff --git a/src/app/auth/account/account.component.html b/src/app/auth/account/account.component.html
index b1694f648..be7b075ef 100644
--- a/src/app/auth/account/account.component.html
+++ b/src/app/auth/account/account.component.html
@@ -2,10 +2,7 @@
     <div class="custom-container">
         <div class="container-sidebar">
             <div class="d-flex mb-3 justify-content-center align-items-center">
-                <a
-                    *ngIf="isOwner; else notOwnerLink"
-                    routerLink="/v/settings/profile"
-                >
+                <a *ngIf="isOwner; else notOwnerLink" routerLink="/v/settings/profile">
                     <img
                         alt="avatar"
                         width="260"
@@ -40,9 +37,7 @@
                 </button>
             </div>
             <div class="border-top mt-5 me-4">
-                <h2 class="text-start pt-3 px-3 h6 organization">
-                    Organizations
-                </h2>
+                <h2 class="text-start pt-3 px-3 h6 organization">Organizations</h2>
                 <div class="d-flex flex-row gap-2 text-start px-3">
                     <img
                         src="https://avatars.githubusercontent.com/u/50896974?s=64&amp;v=4"
@@ -78,9 +73,7 @@ <h2 class="text-start pt-3 px-3 h6 organization">
                         [checked]="isAccountViewTypeOverview"
                         (click)="onSelectOverviewTab()"
                     >
-                        <mat-icon class="text-muted fs-4"
-                            >my_library_books</mat-icon
-                        >
+                        <mat-icon class="text-muted fs-4">my_library_books</mat-icon>
                         <span class="mx-2"> Overview</span>
                     </mat-button-toggle>
                     <mat-button-toggle
@@ -91,12 +84,7 @@ <h2 class="text-start pt-3 px-3 h6 organization">
                     >
                         <mat-icon class="text-muted fs-4">book</mat-icon>
                         <span class="mx-2">Datasets</span>
-                        <span
-                            title="1"
-                            data-view-component="true"
-                            class="counter"
-                            >{{ datasetTotalCount }}</span
-                        >
+                        <span title="1" data-view-component="true" class="counter">{{ datasetTotalCount }}</span>
                     </mat-button-toggle>
                     <mat-button-toggle
                         data-test-id="account-organizations-tab"
@@ -106,12 +94,7 @@ <h2 class="text-start pt-3 px-3 h6 organization">
                     >
                         <mat-icon class="text-muted fs-4">people</mat-icon>
                         <span class="mx-2">Organizations </span>
-                        <span
-                            title="1"
-                            data-view-component="true"
-                            class="counter"
-                            >2</span
-                        >
+                        <span title="1" data-view-component="true" class="counter">2</span>
                     </mat-button-toggle>
 
                     <mat-button-toggle
@@ -122,12 +105,7 @@ <h2 class="text-start pt-3 px-3 h6 organization">
                     >
                         <mat-icon class="text-muted fs-4">inbox</mat-icon>
                         <span class="mx-2">Inbox</span>
-                        <span
-                            title="1"
-                            data-view-component="true"
-                            class="counter"
-                            >2</span
-                        >
+                        <span title="1" data-view-component="true" class="counter">2</span>
                     </mat-button-toggle>
                     <mat-button-toggle
                         data-test-id="account-stars-tab"
@@ -137,12 +115,7 @@ <h2 class="text-start pt-3 px-3 h6 organization">
                     >
                         <mat-icon class="text-muted fs-4">star_border</mat-icon>
                         <span class="mx-2">Stars</span>
-                        <span
-                            title="1"
-                            data-view-component="true"
-                            class="counter"
-                            >2</span
-                        >
+                        <span title="1" data-view-component="true" class="counter">2</span>
                     </mat-button-toggle>
                 </mat-button-toggle-group>
             </div>
diff --git a/src/app/auth/account/account.component.spec.ts b/src/app/auth/account/account.component.spec.ts
index 03dbe5227..d566783df 100644
--- a/src/app/auth/account/account.component.spec.ts
+++ b/src/app/auth/account/account.component.spec.ts
@@ -6,10 +6,7 @@ import { MatIconModule } from "@angular/material/icon";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { ActivatedRoute, Router } from "@angular/router";
 import { ApolloTestingModule } from "apollo-angular/testing";
-import {
-    emitClickOnElementByDataTestId,
-    routerMock,
-} from "src/app/common/base-test.helpers.spec";
+import { emitClickOnElementByDataTestId, routerMock } from "src/app/common/base-test.helpers.spec";
 
 import { AccountComponent } from "./account.component";
 import { BehaviorSubject } from "rxjs";
@@ -33,11 +30,7 @@ describe("AccountComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [AccountComponent],
-            imports: [
-                ApolloTestingModule,
-                MatIconModule,
-                MatButtonToggleModule,
-            ],
+            imports: [ApolloTestingModule, MatIconModule, MatButtonToggleModule],
             providers: [
                 DatasetApi,
                 { provide: Router, useValue: routerMock },
@@ -71,29 +64,17 @@ describe("AccountComponent", () => {
 
     Object.values(AccountTabs).forEach((tab: string) => {
         it(`should check switch ${tab} tab`, () => {
-            const navigateToOwnerViewSpy = spyOn(
-                navigationService,
-                "navigateToOwnerView",
-            );
+            const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
             emitClickOnElementByDataTestId(fixture, `account-${tab}-tab`);
-            expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(
-                mockAccountDetails.login,
-                tab,
-            );
+            expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(mockAccountDetails.login, tab);
         });
     });
 
     it("should check get data from accountService subscription", () => {
         accountService.datasetsChanges(mockDatasetsAccountResponse);
         component.ngOnInit();
-        expect(component.datasets).toEqual(
-            mockDatasetsAccountResponse.datasets,
-        );
-        expect(component.pageInfo).toEqual(
-            mockDatasetsAccountResponse.pageInfo,
-        );
-        expect(component.datasetTotalCount).toEqual(
-            mockDatasetsAccountResponse.datasetTotalCount,
-        );
+        expect(component.datasets).toEqual(mockDatasetsAccountResponse.datasets);
+        expect(component.pageInfo).toEqual(mockDatasetsAccountResponse.pageInfo);
+        expect(component.datasetTotalCount).toEqual(mockDatasetsAccountResponse.datasetTotalCount);
     });
 });
diff --git a/src/app/auth/account/account.component.ts b/src/app/auth/account/account.component.ts
index 69480f263..52a8a4114 100644
--- a/src/app/auth/account/account.component.ts
+++ b/src/app/auth/account/account.component.ts
@@ -1,29 +1,13 @@
 import ProjectLinks from "src/app/project-links";
 import { ModalService } from "./../../components/modal/modal.service";
-import {
-    DatasetSearchOverviewFragment,
-    PageBasedInfo,
-} from "./../../api/kamu.graphql.interface";
+import { DatasetSearchOverviewFragment, PageBasedInfo } from "./../../api/kamu.graphql.interface";
 import { BaseComponent } from "src/app/common/base.component";
 import { NavigationService } from "src/app/services/navigation.service";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ElementRef,
-    OnInit,
-    ViewChild,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, OnInit, ViewChild } from "@angular/core";
 import { AuthApi } from "src/app/api/auth.api";
 import { AccountDetailsFragment } from "src/app/api/kamu.graphql.interface";
 import { AccountTabs } from "./account.constants";
-import {
-    ActivatedRoute,
-    NavigationEnd,
-    Params,
-    Router,
-    RouterEvent,
-} from "@angular/router";
+import { ActivatedRoute, NavigationEnd, Params, Router, RouterEvent } from "@angular/router";
 import AppValues from "src/app/common/app.values";
 import { promiseWithCatch } from "src/app/common/app.helpers";
 import { AccountService } from "src/app/services/account.service";
@@ -69,14 +53,10 @@ export class AccountComponent extends BaseComponent implements OnInit {
                 params.tab
                     ? (this.accountViewType = params.tab as AccountTabs)
                     : (this.accountViewType = AccountTabs.overview);
-                params.page
-                    ? (this.currentPage = params.page as number)
-                    : (this.currentPage = 1);
+                params.page ? (this.currentPage = params.page as number) : (this.currentPage = 1);
             }),
             this.route.params.subscribe((params: Params) => {
-                this.accountName = params[
-                    ProjectLinks.URL_PARAM_ACCOUNT_NAME
-                ] as string;
+                this.accountName = params[ProjectLinks.URL_PARAM_ACCOUNT_NAME] as string;
                 this.getAccountInfo();
                 this.getDatasets();
             }),
@@ -88,14 +68,12 @@ export class AccountComponent extends BaseComponent implements OnInit {
                 .subscribe(() => {
                     this.getDatasets();
                 }),
-            this.accountService.onDatasetsChanges.subscribe(
-                (data: DatasetsAccountResponse) => {
-                    this.datasets = data.datasets;
-                    this.pageInfo = data.pageInfo;
-                    this.datasetTotalCount = data.datasetTotalCount;
-                    this.cdr.detectChanges();
-                },
-            ),
+            this.accountService.onDatasetsChanges.subscribe((data: DatasetsAccountResponse) => {
+                this.datasets = data.datasets;
+                this.pageInfo = data.pageInfo;
+                this.datasetTotalCount = data.datasetTotalCount;
+                this.cdr.detectChanges();
+            }),
         );
     }
 
@@ -142,52 +120,32 @@ export class AccountComponent extends BaseComponent implements OnInit {
     }
 
     public onSelectOverviewTab(): void {
-        this.navigationService.navigateToOwnerView(
-            this.accountName,
-            AccountTabs.overview,
-        );
+        this.navigationService.navigateToOwnerView(this.accountName, AccountTabs.overview);
     }
     public onSelectDatasetsTab(): void {
-        this.navigationService.navigateToOwnerView(
-            this.accountName,
-            AccountTabs.datasets,
-        );
+        this.navigationService.navigateToOwnerView(this.accountName, AccountTabs.datasets);
     }
 
     public onSelectOrganizationsTab(): void {
-        this.navigationService.navigateToOwnerView(
-            this.accountName,
-            AccountTabs.organizations,
-        );
+        this.navigationService.navigateToOwnerView(this.accountName, AccountTabs.organizations);
     }
 
     public onSelectInboxTab(): void {
-        this.navigationService.navigateToOwnerView(
-            this.accountName,
-            AccountTabs.inbox,
-        );
+        this.navigationService.navigateToOwnerView(this.accountName, AccountTabs.inbox);
     }
 
     public onSelectStarsTab(): void {
-        this.navigationService.navigateToOwnerView(
-            this.accountName,
-            AccountTabs.stars,
-        );
+        this.navigationService.navigateToOwnerView(this.accountName, AccountTabs.stars);
     }
 
     private getAccountInfo(): void {
-        this.accountService
-            .getAccountInfoByName(this.accountName)
-            .subscribe((user: AccountDetailsFragment) => {
-                this.user = user;
-                this.avatarLink =
-                    this.user.avatarUrl ?? AppValues.DEFAULT_AVATAR_URL;
-            });
+        this.accountService.getAccountInfoByName(this.accountName).subscribe((user: AccountDetailsFragment) => {
+            this.user = user;
+            this.avatarLink = this.user.avatarUrl ?? AppValues.DEFAULT_AVATAR_URL;
+        });
     }
 
     private getDatasets(): void {
-        this.accountService
-            .getDatasetsByAccountName(this.accountName, this.currentPage - 1)
-            .subscribe();
+        this.accountService.getDatasetsByAccountName(this.accountName, this.currentPage - 1).subscribe();
     }
 }
diff --git a/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.spec.ts b/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.spec.ts
index ad9a61d5d..449e438d5 100644
--- a/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.spec.ts
+++ b/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.spec.ts
@@ -47,10 +47,7 @@ describe("DatasetsTabComponent", () => {
     });
 
     it("should check #selectDataset with datasets item", () => {
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         component.onSelectDataset(mockDatasetListItem);
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith({
             accountName: mockDatasetListItem.owner.name,
@@ -61,10 +58,7 @@ describe("DatasetsTabComponent", () => {
     it("should check page changed", () => {
         const testPageNumber = 2;
         component.accountViewType = AccountTabs.datasets;
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
         component.onPageChange(testPageNumber);
 
         expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(
@@ -76,14 +70,8 @@ describe("DatasetsTabComponent", () => {
 
     it("should check page changed without cuurrent page", () => {
         component.accountViewType = AccountTabs.datasets;
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
         component.onPageChange();
-        expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(
-            mockAccountDetails.login,
-            AccountTabs.datasets,
-        );
+        expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(mockAccountDetails.login, AccountTabs.datasets);
     });
 });
diff --git a/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.ts b/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.ts
index 2e15fdc2b..3ed8c785b 100644
--- a/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.ts
+++ b/src/app/auth/account/additional-components/datasets-tab/datasets-tab.component.ts
@@ -1,11 +1,7 @@
 import { NavigationService } from "./../../../../services/navigation.service";
 import { ChangeDetectionStrategy, Input } from "@angular/core";
 import { Component } from "@angular/core";
-import {
-    DatasetSearchOverviewFragment,
-    PageBasedInfo,
-    User,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetSearchOverviewFragment, PageBasedInfo, User } from "src/app/api/kamu.graphql.interface";
 import { AccountTabs } from "../../account.constants";
 
 @Component({
@@ -34,16 +30,9 @@ export class DatasetsTabComponent {
     public onPageChange(currentPage?: number): void {
         currentPage ? (this.currentPage = currentPage) : (this.currentPage = 1);
         if (this.currentPage === 1) {
-            this.navigationService.navigateToOwnerView(
-                this.accountName,
-                this.accountViewType,
-            );
+            this.navigationService.navigateToOwnerView(this.accountName, this.accountViewType);
             return;
         }
-        this.navigationService.navigateToOwnerView(
-            this.accountName,
-            this.accountViewType,
-            currentPage,
-        );
+        this.navigationService.navigateToOwnerView(this.accountName, this.accountViewType, currentPage);
     }
 }
diff --git a/src/app/auth/authentication.guard.spec.ts b/src/app/auth/authentication.guard.spec.ts
index acae8e6f0..4e6ec1acd 100644
--- a/src/app/auth/authentication.guard.spec.ts
+++ b/src/app/auth/authentication.guard.spec.ts
@@ -20,14 +20,8 @@ describe("AuthenticationGuard", () => {
     });
 
     [true, false].forEach((expectation: boolean) => {
-        it(`should check canActive method when user is${
-            expectation ? "" : "not"
-        } authentiсation`, () => {
-            const isAuthenticatedSpy = spyOnProperty(
-                authApi,
-                "isAuthenticated",
-                "get",
-            ).and.returnValue(expectation);
+        it(`should check canActive method when user is${expectation ? "" : "not"} authentiсation`, () => {
+            const isAuthenticatedSpy = spyOnProperty(authApi, "isAuthenticated", "get").and.returnValue(expectation);
             const result = guard.canActivate();
             expect(result).toEqual(expectation);
             expect(isAuthenticatedSpy).toHaveBeenCalledWith();
diff --git a/src/app/auth/authentication.guard.ts b/src/app/auth/authentication.guard.ts
index 3f09a36f8..f19abe91c 100644
--- a/src/app/auth/authentication.guard.ts
+++ b/src/app/auth/authentication.guard.ts
@@ -7,10 +7,7 @@ import { AuthApi } from "../api/auth.api";
     providedIn: "root",
 })
 export class AuthenticationGuard implements CanActivate {
-    constructor(
-        private navigationService: NavigationService,
-        private authApi: AuthApi,
-    ) {}
+    constructor(private navigationService: NavigationService, private authApi: AuthApi) {}
     canActivate(): boolean {
         if (!this.authApi.isAuthenticated) {
             this.navigationService.navigateToHome();
diff --git a/src/app/auth/github-callback/github.callback.ts b/src/app/auth/github-callback/github.callback.ts
index d171290b1..6d8fff6f7 100644
--- a/src/app/auth/github-callback/github.callback.ts
+++ b/src/app/auth/github-callback/github.callback.ts
@@ -10,11 +10,7 @@ import { BaseComponent } from "src/app/common/base.component";
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class GithubCallbackComponent extends BaseComponent implements OnInit {
-    constructor(
-        private route: ActivatedRoute,
-        private navigationService: NavigationService,
-        private authApi: AuthApi,
-    ) {
+    constructor(private route: ActivatedRoute, private navigationService: NavigationService, private authApi: AuthApi) {
         super();
     }
 
@@ -25,9 +21,7 @@ export class GithubCallbackComponent extends BaseComponent implements OnInit {
         this.trackSubscription(
             this.route.queryParams.subscribe((param: Params) => {
                 this.authApi
-                    .fetchUserInfoAndTokenFromGithubCallackCode(
-                        param.code as string,
-                    )
+                    .fetchUserInfoAndTokenFromGithubCallackCode(param.code as string)
                     .subscribe(() => this.navigationService.navigateToHome());
             }),
         );
diff --git a/src/app/auth/login/login.component.html b/src/app/auth/login/login.component.html
index 8a9801ddf..470ee6931 100644
--- a/src/app/auth/login/login.component.html
+++ b/src/app/auth/login/login.component.html
@@ -1,8 +1,2 @@
 <p>Please login with your <strong>GitHub account</strong>.</p>
-<a
-    href="{{ githubUrl }}"
-    class="login__btn login__btn--full"
-    md-raised-button="primary"
->
-    Login
-</a>
+<a href="{{ githubUrl }}" class="login__btn login__btn--full" md-raised-button="primary"> Login </a>
diff --git a/src/app/auth/settings/settings.component.html b/src/app/auth/settings/settings.component.html
index b3a336623..6bde41bb3 100644
--- a/src/app/auth/settings/settings.component.html
+++ b/src/app/auth/settings/settings.component.html
@@ -12,10 +12,7 @@
             />
             <div class="flex-auto mx-4 mt-3">
                 <div class="h3-custom lh-condensed">
-                    <a
-                        [routerLink]="['/', user.login]"
-                        class="color-fg-default fw-bold-custom fs-5"
-                    >
+                    <a [routerLink]="['/', user.login]" class="color-fg-default fw-bold-custom fs-5">
                         {{ user.login }}
                     </a>
                     <span class="sr-only">settings</span>
@@ -32,11 +29,7 @@
         <div class="Layout-sidebar">
             <div class="pr-md-4 pr-0">
                 <div data-catalyst="">
-                    <nav
-                        aria-label="User settings"
-                        data-view-component="true"
-                        class="NavigationList"
-                    >
+                    <nav aria-label="User settings" data-view-component="true" class="NavigationList">
                         <ul
                             role="list"
                             aria-label="User settings"
@@ -48,16 +41,13 @@
                                 data-item-id="settings_user_profile"
                                 data-view-component="true"
                                 [ngClass]="{
-                                    'ActionList-item--navActive':
-                                        activeTab === settingsTabs.PROFILE
+                                    'ActionList-item--navActive': activeTab === settingsTabs.PROFILE
                                 }"
                                 class="ActionList-item org-menu-item"
                             >
                                 <a
                                     routerLinkActive="active"
-                                    [routerLink]="
-                                        getRouteLink(settingsTabs.PROFILE)
-                                    "
+                                    [routerLink]="getRouteLink(settingsTabs.PROFILE)"
                                     aria-current="page"
                                     data-view-component="true"
                                     class="ActionList-content ActionList-content--visual16"
@@ -65,29 +55,22 @@
                                     <span
                                         class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                     >
-                                        <svg-icon
-                                            name="public-profile"
-                                        ></svg-icon>
-                                    </span>
-                                    <span class="ActionList-item-label">
-                                        Public profile
+                                        <svg-icon name="public-profile"></svg-icon>
                                     </span>
+                                    <span class="ActionList-item-label"> Public profile </span>
                                 </a>
                             </li>
                             <li
                                 data-item-id=""
                                 data-view-component="true"
                                 [ngClass]="{
-                                    'ActionList-item--navActive':
-                                        activeTab === settingsTabs.ACCOUNT
+                                    'ActionList-item--navActive': activeTab === settingsTabs.ACCOUNT
                                 }"
                                 class="ActionList-item org-menu-item"
                             >
                                 <a
                                     routerLinkActive="active"
-                                    [routerLink]="
-                                        getRouteLink(settingsTabs.ACCOUNT)
-                                    "
+                                    [routerLink]="getRouteLink(settingsTabs.ACCOUNT)"
                                     data-view-component="true"
                                     class="ActionList-content ActionList-content--visual16"
                                 >
@@ -96,25 +79,20 @@
                                     >
                                         <svg-icon name="account"></svg-icon>
                                     </span>
-                                    <span class="ActionList-item-label">
-                                        Account
-                                    </span>
+                                    <span class="ActionList-item-label"> Account </span>
                                 </a>
                             </li>
                             <li
                                 data-item-id=""
                                 data-view-component="true"
                                 [ngClass]="{
-                                    'ActionList-item--navActive':
-                                        activeTab === settingsTabs.APPEARANCE
+                                    'ActionList-item--navActive': activeTab === settingsTabs.APPEARANCE
                                 }"
                                 class="ActionList-item org-menu-item"
                             >
                                 <a
                                     routerLinkActive="active"
-                                    [routerLink]="
-                                        getRouteLink(settingsTabs.APPEARANCE)
-                                    "
+                                    [routerLink]="getRouteLink(settingsTabs.APPEARANCE)"
                                     data-view-component="true"
                                     class="ActionList-content ActionList-content--visual16"
                                 >
@@ -123,67 +101,51 @@
                                     >
                                         <svg-icon name="appearance"></svg-icon>
                                     </span>
-                                    <span class="ActionList-item-label">
-                                        Appearance
-                                    </span>
+                                    <span class="ActionList-item-label"> Appearance </span>
                                 </a>
                             </li>
                             <li
                                 data-item-id=""
                                 data-view-component="true"
                                 [ngClass]="{
-                                    'ActionList-item--navActive':
-                                        activeTab === settingsTabs.ACCESSIBILITY
+                                    'ActionList-item--navActive': activeTab === settingsTabs.ACCESSIBILITY
                                 }"
                                 class="ActionList-item org-menu-item"
                             >
                                 <a
                                     routerLinkActive="active"
-                                    [routerLink]="
-                                        getRouteLink(settingsTabs.ACCESSIBILITY)
-                                    "
+                                    [routerLink]="getRouteLink(settingsTabs.ACCESSIBILITY)"
                                     data-view-component="true"
                                     class="ActionList-content ActionList-content--visual16"
                                 >
                                     <span
                                         class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                     >
-                                        <svg-icon
-                                            name="accessibility"
-                                        ></svg-icon>
-                                    </span>
-                                    <span class="ActionList-item-label">
-                                        Accessibility
+                                        <svg-icon name="accessibility"></svg-icon>
                                     </span>
+                                    <span class="ActionList-item-label"> Accessibility </span>
                                 </a>
                             </li>
                             <li
                                 data-item-id=""
                                 data-view-component="true"
                                 [ngClass]="{
-                                    'ActionList-item--navActive':
-                                        activeTab === settingsTabs.NOTIFICATIONS
+                                    'ActionList-item--navActive': activeTab === settingsTabs.NOTIFICATIONS
                                 }"
                                 class="ActionList-item org-menu-item"
                             >
                                 <a
                                     routerLinkActive="active"
-                                    [routerLink]="
-                                        getRouteLink(settingsTabs.NOTIFICATIONS)
-                                    "
+                                    [routerLink]="getRouteLink(settingsTabs.NOTIFICATIONS)"
                                     data-view-component="true"
                                     class="ActionList-content ActionList-content--visual16"
                                 >
                                     <span
                                         class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                     >
-                                        <svg-icon
-                                            name="notifications"
-                                        ></svg-icon>
-                                    </span>
-                                    <span class="ActionList-item-label">
-                                        Notifications
+                                        <svg-icon name="notifications"></svg-icon>
                                     </span>
+                                    <span class="ActionList-item-label"> Notifications </span>
                                 </a>
                             </li>
                             <li
@@ -192,10 +154,7 @@
                                 data-view-component="true"
                                 class="ActionList-sectionDivider"
                             ></li>
-                            <li
-                                data-view-component="true"
-                                class="ActionList-sectionDivider"
-                            >
+                            <li data-view-component="true" class="ActionList-sectionDivider">
                                 <p
                                     id="nav-list-section-2534b94a-735f-4cd6-bfff-c0f48caf7cab"
                                     data-view-component="true"
@@ -204,10 +163,7 @@
                                     Access
                                 </p>
                             </li>
-                            <li
-                                data-view-component="true"
-                                class="ActionList-item ActionList-item--hasSubItem"
-                            >
+                            <li data-view-component="true" class="ActionList-item ActionList-item--hasSubItem">
                                 <ul
                                     aria-labelledby="nav-list-section-2534b94a-735f-4cd6-bfff-c0f48caf7cab"
                                     data-view-component="true"
@@ -218,31 +174,21 @@
                                         data-view-component="true"
                                         class="ActionList-item org-menu-item"
                                         [ngClass]="{
-                                            'ActionList-item--navActive':
-                                                activeTab ===
-                                                settingsTabs.BILLING
+                                            'ActionList-item--navActive': activeTab === settingsTabs.BILLING
                                         }"
                                     >
                                         <a
                                             routerLinkActive="active"
-                                            [routerLink]="
-                                                getRouteLink(
-                                                    settingsTabs.BILLING
-                                                )
-                                            "
+                                            [routerLink]="getRouteLink(settingsTabs.BILLING)"
                                             data-view-component="true"
                                             class="ActionList-content ActionList-content--visual16"
                                         >
                                             <span
                                                 class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                             >
-                                                <svg-icon
-                                                    name="billing"
-                                                ></svg-icon>
-                                            </span>
-                                            <span class="ActionList-item-label">
-                                                Billing and plans
+                                                <svg-icon name="billing"></svg-icon>
                                             </span>
+                                            <span class="ActionList-item-label"> Billing and plans </span>
                                         </a>
                                     </li>
                                     <li
@@ -250,31 +196,21 @@
                                         data-view-component="true"
                                         class="ActionList-item org-menu-item"
                                         [ngClass]="{
-                                            'ActionList-item--navActive':
-                                                activeTab ===
-                                                settingsTabs.EMAILS
+                                            'ActionList-item--navActive': activeTab === settingsTabs.EMAILS
                                         }"
                                     >
                                         <a
                                             routerLinkActive="active"
-                                            [routerLink]="
-                                                getRouteLink(
-                                                    settingsTabs.EMAILS
-                                                )
-                                            "
+                                            [routerLink]="getRouteLink(settingsTabs.EMAILS)"
                                             data-view-component="true"
                                             class="ActionList-content ActionList-content--visual16"
                                         >
                                             <span
                                                 class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                             >
-                                                <svg-icon
-                                                    name="emails"
-                                                ></svg-icon>
-                                            </span>
-                                            <span class="ActionList-item-label">
-                                                Emails
+                                                <svg-icon name="emails"></svg-icon>
                                             </span>
+                                            <span class="ActionList-item-label"> Emails </span>
                                         </a>
                                     </li>
                                     <li
@@ -282,31 +218,21 @@
                                         data-view-component="true"
                                         class="ActionList-item org-menu-item"
                                         [ngClass]="{
-                                            'ActionList-item--navActive':
-                                                activeTab ===
-                                                settingsTabs.SECURITY
+                                            'ActionList-item--navActive': activeTab === settingsTabs.SECURITY
                                         }"
                                     >
                                         <a
                                             routerLinkActive="active"
-                                            [routerLink]="
-                                                getRouteLink(
-                                                    settingsTabs.SECURITY
-                                                )
-                                            "
+                                            [routerLink]="getRouteLink(settingsTabs.SECURITY)"
                                             data-view-component="true"
                                             class="ActionList-content ActionList-content--visual16"
                                         >
                                             <span
                                                 class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                             >
-                                                <svg-icon
-                                                    name="security"
-                                                ></svg-icon>
-                                            </span>
-                                            <span class="ActionList-item-label">
-                                                Password and authentication
+                                                <svg-icon name="security"></svg-icon>
                                             </span>
+                                            <span class="ActionList-item-label"> Password and authentication </span>
                                         </a>
                                     </li>
                                     <li
@@ -314,31 +240,21 @@
                                         data-view-component="true"
                                         class="ActionList-item org-menu-item"
                                         [ngClass]="{
-                                            'ActionList-item--navActive':
-                                                activeTab ===
-                                                settingsTabs.ORGANIZATIONS
+                                            'ActionList-item--navActive': activeTab === settingsTabs.ORGANIZATIONS
                                         }"
                                     >
                                         <a
                                             routerLinkActive="active"
-                                            [routerLink]="
-                                                getRouteLink(
-                                                    settingsTabs.ORGANIZATIONS
-                                                )
-                                            "
+                                            [routerLink]="getRouteLink(settingsTabs.ORGANIZATIONS)"
                                             data-view-component="true"
                                             class="ActionList-content ActionList-content--visual16"
                                         >
                                             <span
                                                 class="ActionList-item-visual ActionList-item-visual--leading text-muted mr-2"
                                             >
-                                                <svg-icon
-                                                    name="organizations"
-                                                ></svg-icon>
-                                            </span>
-                                            <span class="ActionList-item-label">
-                                                Organizations
+                                                <svg-icon name="organizations"></svg-icon>
                                             </span>
+                                            <span class="ActionList-item-label"> Organizations </span>
                                         </a>
                                     </li>
                                 </ul>
diff --git a/src/app/auth/settings/settings.component.ts b/src/app/auth/settings/settings.component.ts
index f9b668046..22130703a 100644
--- a/src/app/auth/settings/settings.component.ts
+++ b/src/app/auth/settings/settings.component.ts
@@ -18,27 +18,17 @@ export class SettingsComponent extends BaseComponent implements OnInit {
     public settingsTabs: typeof SettingsTabs = SettingsTabs;
     public user: AccountDetailsFragment;
 
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private authApi: AuthApi,
-    ) {
+    constructor(private router: Router, private route: ActivatedRoute, private authApi: AuthApi) {
         super();
     }
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.router.events
-                .pipe(filter((event) => event instanceof NavigationEnd))
-                .subscribe(() => {
-                    this.activeTab = this.route.snapshot.params[
-                        ProjectLinks.URL_PARAM_CATEGORY
-                    ] as string;
-                }),
+            this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
+                this.activeTab = this.route.snapshot.params[ProjectLinks.URL_PARAM_CATEGORY] as string;
+            }),
         );
-        this.activeTab = this.route.snapshot.params[
-            ProjectLinks.URL_PARAM_CATEGORY
-        ] as string;
+        this.activeTab = this.route.snapshot.params[ProjectLinks.URL_PARAM_CATEGORY] as string;
         if (this.authApi.currentUser) this.user = this.authApi.currentUser;
     }
 
diff --git a/src/app/common/app.helpers.ts b/src/app/common/app.helpers.ts
index 495c66636..918f1daaa 100644
--- a/src/app/common/app.helpers.ts
+++ b/src/app/common/app.helpers.ts
@@ -41,15 +41,11 @@ export function momentConvertDatetoLocalWithFormat(dateParams: {
     const stringDate: Date = new Date(dateParams.date);
 
     // solution for all browsers
-    const UTCStringDate: string = moment(stringDate).format(
-        "YYYY-MM-DDTHH:mm:ss.sss",
-    );
+    const UTCStringDate: string = moment(stringDate).format("YYYY-MM-DDTHH:mm:ss.sss");
     const ISOStringDate: string = new Date(String(UTCStringDate)).toISOString();
 
     if (dateParams.isTextDate) {
-        if (
-            moment(dateParams.date).isSame(moment().subtract(1, "day"), "day")
-        ) {
+        if (moment(dateParams.date).isSame(moment().subtract(1, "day"), "day")) {
             return "Yesterday";
         }
         if (moment(dateParams.date).isSame(moment(), "day")) {
@@ -60,8 +56,6 @@ export function momentConvertDatetoLocalWithFormat(dateParams: {
     return moment(ISOStringDate).format(dateParams.format);
 }
 
-export function parseCurrentSchema(
-    data: MaybeNull<DataSchema | undefined>,
-): MaybeNull<DatasetSchema> {
+export function parseCurrentSchema(data: MaybeNull<DataSchema | undefined>): MaybeNull<DatasetSchema> {
     return data ? (JSON.parse(data.content) as DatasetSchema) : null;
 }
diff --git a/src/app/common/app.values.ts b/src/app/common/app.values.ts
index e0b888cfe..a0f5ed7a6 100644
--- a/src/app/common/app.values.ts
+++ b/src/app/common/app.values.ts
@@ -5,13 +5,10 @@ export default class AppValues {
     public static readonly APP_LOGO = "assets/icons/kamu_logo_icon.svg";
     public static readonly LOCAL_STORAGE_ACCESS_TOKEN = "access_token";
     public static readonly DEFAULT_USERNAME = "anonymous";
-    public static readonly DEFAULT_AVATAR_URL =
-        "https://avatars.githubusercontent.com/u/11951648?v=4";
+    public static readonly DEFAULT_AVATAR_URL = "https://avatars.githubusercontent.com/u/11951648?v=4";
     public static readonly URL_PATTERN = /^(http:\/\/)|(https:\/\/)/i;
-    public static readonly SCHEMA_NAME_PATTERN =
-        /^[a-zA-Z0-9]+[a-zA-Z0-9\s(_)]*$/i;
-    public static readonly SPLIT_ARGUMENTS_PATTERN =
-        /[^\s"']+|"([^"]*)"+|'([^']*)'/g;
+    public static readonly SCHEMA_NAME_PATTERN = /^[a-zA-Z0-9]+[a-zA-Z0-9\s(_)]*$/i;
+    public static readonly SPLIT_ARGUMENTS_PATTERN = /[^\s"']+|"([^"]*)"+|'([^']*)'/g;
 
     public static readonly DISPLAY_DATE_FORMAT = "DD MMM YYYY";
     public static readonly DISPLAY_TOOLTIP_DATE_FORMAT = "MMM D, YYYY, HH:mm A";
@@ -20,10 +17,8 @@ export default class AppValues {
     public static readonly SHORT_DELAY_MS = 200;
     public static readonly LONG_DELAY_MS = 2000;
     public static readonly DEFAULT_OFFSET_COLUMN_NAME = "offset";
-    public static readonly CLIBPOARD_KAMU_CLI =
-        "kamu pull kamu.dev/anonymous/dataset";
-    public static readonly CLIPBOARD_KAFKA =
-        "https://api.kamu.dev/kafka/anonymous/dataset";
+    public static readonly CLIBPOARD_KAMU_CLI = "kamu pull kamu.dev/anonymous/dataset";
+    public static readonly CLIPBOARD_KAFKA = "https://api.kamu.dev/kafka/anonymous/dataset";
     public static readonly MARKDOWN_CONTAIN = `## Markdown __rulez__!
 ---
 
diff --git a/src/app/common/base-test.helpers.spec.ts b/src/app/common/base-test.helpers.spec.ts
index f17d00dee..aadaca4ab 100644
--- a/src/app/common/base-test.helpers.spec.ts
+++ b/src/app/common/base-test.helpers.spec.ts
@@ -5,44 +5,25 @@ import { ReplaySubject } from "rxjs";
 import { ActivatedRoute, RouterEvent } from "@angular/router";
 import { MaybeNull } from "./app.types";
 
-export function findElement<T>(
-    fixture: ComponentFixture<T>,
-    selector: string,
-): DebugElement {
+export function findElement<T>(fixture: ComponentFixture<T>, selector: string): DebugElement {
     return fixture.debugElement.query(By.css(selector));
 }
 
-export function findNativeElement<T>(
-    fixture: ComponentFixture<T>,
-    selector: string,
-): HTMLElement {
+export function findNativeElement<T>(fixture: ComponentFixture<T>, selector: string): HTMLElement {
     return findElement(fixture, selector).nativeElement as HTMLElement;
 }
 
-export function emitClickOnElement<T>(
-    fixture: ComponentFixture<T>,
-    selector: string,
-): void {
+export function emitClickOnElement<T>(fixture: ComponentFixture<T>, selector: string): void {
     findNativeElement(fixture, selector).click();
 }
 
-export function emitClickOnElementByDataTestId<T>(
-    fixture: ComponentFixture<T>,
-    id: string,
-): void {
-    const debugElement: MaybeNull<DebugElement> = fixture.debugElement.query(
-        By.css(`[data-test-id="${id}"]`),
-    );
+export function emitClickOnElementByDataTestId<T>(fixture: ComponentFixture<T>, id: string): void {
+    const debugElement: MaybeNull<DebugElement> = fixture.debugElement.query(By.css(`[data-test-id="${id}"]`));
     (debugElement.nativeElement as HTMLElement).click();
 }
 
-export function findElementByDataTestId<T>(
-    fixture: ComponentFixture<T>,
-    id: string,
-): HTMLElement {
-    const debugElement: MaybeNull<DebugElement> = fixture.debugElement.query(
-        By.css(`[data-test-id="${id}"]`),
-    );
+export function findElementByDataTestId<T>(fixture: ComponentFixture<T>, id: string): HTMLElement {
+    const debugElement: MaybeNull<DebugElement> = fixture.debugElement.query(By.css(`[data-test-id="${id}"]`));
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (debugElement) {
         return debugElement.nativeElement as HTMLElement;
@@ -87,18 +68,11 @@ export const snapshotParamMapMock = {
     },
 };
 
-export function findInputElememtByDataTestId<T>(
-    fixture: ComponentFixture<T>,
-    id: string,
-): HTMLInputElement {
+export function findInputElememtByDataTestId<T>(fixture: ComponentFixture<T>, id: string): HTMLInputElement {
     return findElementByDataTestId(fixture, id) as HTMLInputElement;
 }
 
-export function dispatchInputEvent<T>(
-    fixture: ComponentFixture<T>,
-    id: string,
-    value: string,
-): void {
+export function dispatchInputEvent<T>(fixture: ComponentFixture<T>, id: string, value: string): void {
     const element = findInputElememtByDataTestId(fixture, id);
     element.value = value;
     element.dispatchEvent(new Event("input"));
diff --git a/src/app/common/base-yaml-event.service.ts b/src/app/common/base-yaml-event.service.ts
index eae72c7da..51d3e08df 100644
--- a/src/app/common/base-yaml-event.service.ts
+++ b/src/app/common/base-yaml-event.service.ts
@@ -2,10 +2,7 @@ import { inject } from "@angular/core";
 import { DatasetService } from "../dataset-view/dataset.service";
 import { Observable, EMPTY, iif, of, zip, Subject } from "rxjs";
 import { expand, last, map, switchMap } from "rxjs/operators";
-import {
-    DatasetKind,
-    MetadataBlockFragment,
-} from "../api/kamu.graphql.interface";
+import { DatasetKind, MetadataBlockFragment } from "../api/kamu.graphql.interface";
 import { BlockService } from "../dataset-block/metadata-block/block.service";
 import { SupportedEvents } from "../dataset-block/metadata-block/components/event-details/supported.events";
 import { DatasetHistoryUpdate } from "../dataset-view/dataset.subscriptions.interface";
@@ -25,65 +22,41 @@ export abstract class BaseYamlEventService {
         return this.kindChanges$.asObservable();
     }
 
-    public getEventAsYaml(
-        info: DatasetInfo,
-        typename: SupportedEvents,
-    ): Observable<string | null | undefined> {
-        return this.appDatasetService
-            .getDatasetHistory(info, this.historyPageSize, this.currentPage)
-            .pipe(
-                expand((h: DatasetHistoryUpdate) => {
-                    const filteredHistory = this.filterHistoryByType(
-                        h.history,
-                        typename,
-                    );
-                    return filteredHistory.length === 0 &&
-                        h.pageInfo.hasNextPage
-                        ? this.appDatasetService.getDatasetHistory(
-                              info,
-                              this.historyPageSize,
-                              h.pageInfo.currentPage + 1,
-                          )
-                        : EMPTY;
-                }),
-                map((h: DatasetHistoryUpdate) => {
-                    if (h.kind) {
-                        this.changeKindChanges(h.kind);
-                    }
-                    this.history = h;
-                    const filteredHistory = this.filterHistoryByType(
-                        h.history,
-                        typename,
-                    );
-                    return filteredHistory;
-                }),
-                switchMap((filteredHistory: MetadataBlockFragment[]) =>
-                    iif(
-                        () => !filteredHistory.length,
-                        of(null),
-                        zip(
-                            this.blockService.onMetadataBlockAsYamlChanges,
-                            this.blockService.requestMetadataBlock(
-                                info,
-                                filteredHistory[0]?.blockHash as string,
-                            ),
-                        ),
+    public getEventAsYaml(info: DatasetInfo, typename: SupportedEvents): Observable<string | null | undefined> {
+        return this.appDatasetService.getDatasetHistory(info, this.historyPageSize, this.currentPage).pipe(
+            expand((h: DatasetHistoryUpdate) => {
+                const filteredHistory = this.filterHistoryByType(h.history, typename);
+                return filteredHistory.length === 0 && h.pageInfo.hasNextPage
+                    ? this.appDatasetService.getDatasetHistory(info, this.historyPageSize, h.pageInfo.currentPage + 1)
+                    : EMPTY;
+            }),
+            map((h: DatasetHistoryUpdate) => {
+                if (h.kind) {
+                    this.changeKindChanges(h.kind);
+                }
+                this.history = h;
+                const filteredHistory = this.filterHistoryByType(h.history, typename);
+                return filteredHistory;
+            }),
+            switchMap((filteredHistory: MetadataBlockFragment[]) =>
+                iif(
+                    () => !filteredHistory.length,
+                    of(null),
+                    zip(
+                        this.blockService.onMetadataBlockAsYamlChanges,
+                        this.blockService.requestMetadataBlock(info, filteredHistory[0]?.blockHash as string),
                     ),
                 ),
-                map((result: [string, unknown] | null) => {
-                    if (result) return result[0];
-                    else return null;
-                }),
-                last(),
-            );
+            ),
+            map((result: [string, unknown] | null) => {
+                if (result) return result[0];
+                else return null;
+            }),
+            last(),
+        );
     }
 
-    private filterHistoryByType(
-        history: MetadataBlockFragment[],
-        typename: string,
-    ): MetadataBlockFragment[] {
-        return history.filter(
-            (item: MetadataBlockFragment) => item.event.__typename === typename,
-        );
+    private filterHistoryByType(history: MetadataBlockFragment[], typename: string): MetadataBlockFragment[] {
+        return history.filter((item: MetadataBlockFragment) => item.event.__typename === typename);
     }
 }
diff --git a/src/app/common/base.component.ts b/src/app/common/base.component.ts
index c04c56411..6052b40c4 100644
--- a/src/app/common/base.component.ts
+++ b/src/app/common/base.component.ts
@@ -16,12 +16,8 @@ export abstract class BaseComponent extends UnsubscribeOnDestroyAdapter {
         const paramMap: ParamMap = this.activatedRoute.snapshot.paramMap;
         return {
             // Both parameters are mandatory in URL, router would not activate this component otherwise
-            accountName: requireValue(
-                paramMap.get(ProjectLinks.URL_PARAM_ACCOUNT_NAME),
-            ),
-            datasetName: requireValue(
-                paramMap.get(ProjectLinks.URL_PARAM_DATASET_NAME),
-            ),
+            accountName: requireValue(paramMap.get(ProjectLinks.URL_PARAM_ACCOUNT_NAME)),
+            datasetName: requireValue(paramMap.get(ProjectLinks.URL_PARAM_DATASET_NAME)),
         };
     }
 }
diff --git a/src/app/common/base.processing.component.ts b/src/app/common/base.processing.component.ts
index c668637dc..15fab7310 100644
--- a/src/app/common/base.processing.component.ts
+++ b/src/app/common/base.processing.component.ts
@@ -1,9 +1,6 @@
 import { DatasetInfo } from "./../interface/navigation.interface";
 import { ModalService } from "./../components/modal/modal.service";
-import {
-    DatasetNavigationInterface,
-    DatasetViewTypeEnum,
-} from "../dataset-view/dataset-view.interface";
+import { DatasetNavigationInterface, DatasetViewTypeEnum } from "../dataset-view/dataset-view.interface";
 import { searchAdditionalButtonsEnum } from "../search/search.interface";
 import { NavigationService } from "./../services/navigation.service";
 import { promiseWithCatch } from "./app.helpers";
@@ -18,9 +15,7 @@ export class BaseProcessingComponent extends BaseComponent {
         this.navigationService.navigateToOwnerView(ownerName);
     }
 
-    public getDatasetNavigation(
-        datasetInfo: DatasetInfo,
-    ): DatasetNavigationInterface {
+    public getDatasetNavigation(datasetInfo: DatasetInfo): DatasetNavigationInterface {
         return {
             navigateToOverview: () => {
                 this.navigationService.navigateToDatasetView({
@@ -66,8 +61,7 @@ export class BaseProcessingComponent extends BaseComponent {
         const mapperMethod: {
             [key in searchAdditionalButtonsEnum]: () => void;
         } = {
-            [searchAdditionalButtonsEnum.DeriveFrom]: () =>
-                this.onClickDeriveFrom(),
+            [searchAdditionalButtonsEnum.DeriveFrom]: () => this.onClickDeriveFrom(),
 
             [searchAdditionalButtonsEnum.Starred]: () => null,
             [searchAdditionalButtonsEnum.UnWatch]: () => null,
diff --git a/src/app/common/data.helpers.spec.ts b/src/app/common/data.helpers.spec.ts
index f6074d01f..efd322f1e 100644
--- a/src/app/common/data.helpers.spec.ts
+++ b/src/app/common/data.helpers.spec.ts
@@ -1,7 +1,4 @@
-import {
-    DatasetKind,
-    MetadataBlockFragment,
-} from "../api/kamu.graphql.interface";
+import { DatasetKind, MetadataBlockFragment } from "../api/kamu.graphql.interface";
 import { mockOwnerFields } from "../search/mock.data";
 import { DataHelpers } from "./data.helpers";
 
@@ -24,9 +21,9 @@ const metadataBlockSetVocab: MetadataBlockFragment = {
 };
 
 it("should check description for SetVocab block", () => {
-    expect(
-        DataHelpers.descriptionForMetadataBlock(metadataBlockSetVocab),
-    ).toEqual(DataHelpers.BLOCK_DESCRIBE_SET_VOCAB);
+    expect(DataHelpers.descriptionForMetadataBlock(metadataBlockSetVocab)).toEqual(
+        DataHelpers.BLOCK_DESCRIBE_SET_VOCAB,
+    );
 });
 
 it("should check description for SetPollingSource block", () => {
@@ -77,9 +74,9 @@ it("should check description for SetPollingSource block", () => {
             preprocess: null,
         },
     };
-    expect(
-        DataHelpers.descriptionForMetadataBlock(setPollingSourceBlock),
-    ).toEqual(DataHelpers.BLOCK_DESCRIBE_SET_POLLING_SOURCE);
+    expect(DataHelpers.descriptionForMetadataBlock(setPollingSourceBlock)).toEqual(
+        DataHelpers.BLOCK_DESCRIBE_SET_POLLING_SOURCE,
+    );
 });
 
 it("should check description for SetAttachments block", () => {
@@ -100,9 +97,9 @@ it("should check description for SetAttachments block", () => {
             },
         },
     };
-    expect(
-        DataHelpers.descriptionForMetadataBlock(setAttachmentsBlock),
-    ).toEqual(DataHelpers.BLOCK_DESCRIBE_SET_ATTACHMENTS);
+    expect(DataHelpers.descriptionForMetadataBlock(setAttachmentsBlock)).toEqual(
+        DataHelpers.BLOCK_DESCRIBE_SET_ATTACHMENTS,
+    );
 });
 
 it("should check description for SetInfo block", () => {
@@ -112,9 +109,7 @@ it("should check description for SetInfo block", () => {
             __typename: "SetInfo",
         },
     };
-    expect(DataHelpers.descriptionForMetadataBlock(setInfoBlock)).toEqual(
-        DataHelpers.BLOCK_DESCRIBE_SET_INFO,
-    );
+    expect(DataHelpers.descriptionForMetadataBlock(setInfoBlock)).toEqual(DataHelpers.BLOCK_DESCRIBE_SET_INFO);
 });
 
 it("should check description for SetTransform block", () => {
@@ -164,14 +159,11 @@ it("should check description for Seed block", () => {
         ...metadataBlockSetVocab,
         event: {
             __typename: "Seed",
-            datasetId:
-                "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
+            datasetId: "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
             datasetKind: DatasetKind.Root,
         },
     };
-    expect(DataHelpers.descriptionForMetadataBlock(seedBlock)).toEqual(
-        DataHelpers.BLOCK_DESCRIBE_SEED,
-    );
+    expect(DataHelpers.descriptionForMetadataBlock(seedBlock)).toEqual(DataHelpers.BLOCK_DESCRIBE_SEED);
 });
 
 it("should check description for SetLicense block", () => {
@@ -182,13 +174,10 @@ it("should check description for SetLicense block", () => {
             shortName: "OGL-Canada-2.0",
             name: "GPL",
             spdxId: "OGL-Canada-2.0",
-            websiteUrl:
-                "https://open.canada.ca/en/open-government-licence-canada",
+            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
         },
     };
-    expect(DataHelpers.descriptionForMetadataBlock(setLicenseBlock)).toEqual(
-        "License updated: GPL",
-    );
+    expect(DataHelpers.descriptionForMetadataBlock(setLicenseBlock)).toEqual("License updated: GPL");
 });
 
 it("should check description for SetWatermark block", () => {
@@ -200,9 +189,7 @@ it("should check description for SetWatermark block", () => {
             outputWatermark: +watermarkTime,
         },
     };
-    expect(DataHelpers.descriptionForMetadataBlock(setWatermarkBlock)).toEqual(
-        `Watermark updated`,
-    );
+    expect(DataHelpers.descriptionForMetadataBlock(setWatermarkBlock)).toEqual(`Watermark updated`);
 });
 
 it("should check description for AddData block", () => {
@@ -217,16 +204,13 @@ it("should check description for AddData block", () => {
                     start: 117,
                     end: 517,
                 },
-                logicalHash:
-                    "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
+                logicalHash: "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
                 physicalHash: "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
                 size: 100,
             },
         },
     };
-    expect(DataHelpers.descriptionForMetadataBlock(addDataBlock)).toEqual(
-        "Added 401 new records",
-    );
+    expect(DataHelpers.descriptionForMetadataBlock(addDataBlock)).toEqual("Added 401 new records");
 });
 
 it("should check description for ExecuteQuery block", () => {
@@ -241,8 +225,7 @@ it("should check description for ExecuteQuery block", () => {
                     start: 0,
                     end: 0,
                 },
-                logicalHash:
-                    "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
+                logicalHash: "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
                 physicalHash: "zW1i7cajDaJjwxCRaRyGHqJpDrqZXbm1wMZkaWrH8a8Cmbd",
             },
             inputCheckpoint: null,
@@ -250,8 +233,7 @@ it("should check description for ExecuteQuery block", () => {
             inputSlices: [
                 {
                     __typename: "InputSlice",
-                    datasetId:
-                        "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
+                    datasetId: "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
                     blockInterval: {
                         __typename: "BlockInterval",
                         start: "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
@@ -282,8 +264,7 @@ it("should check description for ExecuteQuery block", () => {
                     start: 0,
                     end: 21,
                 },
-                logicalHash:
-                    "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
+                logicalHash: "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
                 physicalHash: "zW1i7cajDaJjwxCRaRyGHqJpDrqZXbm1wMZkaWrH8a8Cmbd",
             },
             inputCheckpoint: null,
@@ -291,8 +272,7 @@ it("should check description for ExecuteQuery block", () => {
             inputSlices: [
                 {
                     __typename: "InputSlice",
-                    datasetId:
-                        "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
+                    datasetId: "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
                     blockInterval: {
                         __typename: "BlockInterval",
                         start: "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
@@ -313,11 +293,9 @@ it("should check description for ExecuteQuery block", () => {
         },
     };
 
-    expect(DataHelpers.descriptionForMetadataBlock(addDataBlockEmpty)).toEqual(
-        "Transformation produced 1 new records",
-    );
+    expect(DataHelpers.descriptionForMetadataBlock(addDataBlockEmpty)).toEqual("Transformation produced 1 new records");
 
-    expect(
-        DataHelpers.descriptionForMetadataBlock(addDataBlockNonEmpty),
-    ).toEqual("Transformation produced 22 new records");
+    expect(DataHelpers.descriptionForMetadataBlock(addDataBlockNonEmpty)).toEqual(
+        "Transformation produced 22 new records",
+    );
 });
diff --git a/src/app/common/data.helpers.ts b/src/app/common/data.helpers.ts
index e9710fc22..35b19640c 100644
--- a/src/app/common/data.helpers.ts
+++ b/src/app/common/data.helpers.ts
@@ -1,9 +1,6 @@
 /* eslint-disable @typescript-eslint/unbound-method */
 import { ValidatorFn, Validators } from "@angular/forms";
-import {
-    DatasetKind,
-    MetadataBlockFragment,
-} from "../api/kamu.graphql.interface";
+import { DatasetKind, MetadataBlockFragment } from "../api/kamu.graphql.interface";
 import { EventPropertyLogo } from "../dataset-block/metadata-block/components/event-details/supported.events";
 import { JsonFormValidators } from "../dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source-form.types";
 import { SetPollingSourceSection } from "../shared/shared.types";
@@ -12,18 +9,13 @@ export class DataHelpers {
     public static readonly BLOCK_DESCRIBE_SEED = "Dataset initialized";
     public static readonly BLOCK_DESCRIBE_SET_TRANSFORM = "Query changed";
     public static readonly BLOCK_DESCRIBE_SET_VOCAB = "Vocabulary changed";
-    public static readonly BLOCK_DESCRIBE_SET_POLLING_SOURCE =
-        "Polling source changed";
-    public static readonly BLOCK_DESCRIBE_SET_INFO =
-        "Basic information updated";
-    public static readonly BLOCK_DESCRIBE_SET_ATTACHMENTS =
-        "Attachments updated";
+    public static readonly BLOCK_DESCRIBE_SET_POLLING_SOURCE = "Polling source changed";
+    public static readonly BLOCK_DESCRIBE_SET_INFO = "Basic information updated";
+    public static readonly BLOCK_DESCRIBE_SET_ATTACHMENTS = "Attachments updated";
     public static readonly BLOCK_DESCRIBE_SET_WATERMARK = "Watermark updated";
     private static readonly SHIFT_ATTACHMENTS_VIEW = "\u00A0".repeat(12);
 
-    public static capitalizeFirstLetter(
-        kind: DatasetKind | SetPollingSourceSection,
-    ): string {
+    public static capitalizeFirstLetter(kind: DatasetKind | SetPollingSourceSection): string {
         return kind.charAt(0).toUpperCase() + kind.slice(1).toLowerCase();
     }
 
@@ -57,9 +49,7 @@ export class DataHelpers {
         }
     }
 
-    public static descriptionMergeStrategy(
-        type: string | undefined,
-    ): EventPropertyLogo {
+    public static descriptionMergeStrategy(type: string | undefined): EventPropertyLogo {
         switch (type) {
             case "MergeStrategyLedger":
                 return {
@@ -134,25 +124,17 @@ export class DataHelpers {
         }
     }
 
-    public static descriptionForMetadataBlock(
-        block: MetadataBlockFragment,
-    ): string {
+    public static descriptionForMetadataBlock(block: MetadataBlockFragment): string {
         const event = block.event;
         switch (event.__typename) {
             case "AddData":
                 return `Added ${
-                    event.outputData
-                        ? event.outputData.interval.end -
-                          event.outputData.interval.start +
-                          1
-                        : 0
+                    event.outputData ? event.outputData.interval.end - event.outputData.interval.start + 1 : 0
                 } new records`;
             case "ExecuteQuery":
                 return `Transformation produced ${
                     event.queryOutputData
-                        ? event.queryOutputData.interval.end -
-                          event.queryOutputData.interval.start +
-                          1
+                        ? event.queryOutputData.interval.end - event.queryOutputData.interval.start + 1
                         : 0
                 } new records`;
             case "Seed":
@@ -185,16 +167,11 @@ export class DataHelpers {
         return reHasUnescapedHtml.test(text)
             ? `|\n${this.SHIFT_ATTACHMENTS_VIEW}${text
                   .replace(reUnescapedHtml, (chr) => htmlEscapes[chr])
-                  .replace(
-                      /(\r\n|\n|\r)/gm,
-                      "\n" + this.SHIFT_ATTACHMENTS_VIEW,
-                  )}`
+                  .replace(/(\r\n|\n|\r)/gm, "\n" + this.SHIFT_ATTACHMENTS_VIEW)}`
             : text;
     }
 }
-export const getValidators = (
-    validators: JsonFormValidators,
-): ValidatorFn[] => {
+export const getValidators = (validators: JsonFormValidators): ValidatorFn[] => {
     const validatorsToAdd: ValidatorFn[] = [];
     Object.entries(validators).forEach(([key, value]) => {
         switch (key) {
diff --git a/src/app/common/errors.text.ts b/src/app/common/errors.text.ts
index 1e4a14200..5b0dc9d06 100644
--- a/src/app/common/errors.text.ts
+++ b/src/app/common/errors.text.ts
@@ -1,12 +1,9 @@
 export class ErrorTexts {
     public static readonly ERROR_TITLE_REQUEST_FAILED = "Request failed.";
-    public static readonly ERROR_NETWORK_DESCRIPTION =
-        "Check the Internet connection.";
-    public static readonly ERROR_EXECUTING_SQL_QUERY =
-        "Executing SQL query failed.";
+    public static readonly ERROR_NETWORK_DESCRIPTION = "Check the Internet connection.";
+    public static readonly ERROR_EXECUTING_SQL_QUERY = "Executing SQL query failed.";
     public static readonly ERROR_INVALID_SQL_QUERY = "Invalid SQL query";
     public static readonly ERROR_TECHNICAL_SUPPORT =
         "Operation failed. If this happens again, please contact Kamu technical support.";
-    public static readonly ERROR_UNKNOWN_AUTHENTICATION =
-        "Uknown authentication error";
+    public static readonly ERROR_UNKNOWN_AUTHENTICATION = "Uknown authentication error";
 }
diff --git a/src/app/common/errors.ts b/src/app/common/errors.ts
index 82278beff..4d2b98427 100644
--- a/src/app/common/errors.ts
+++ b/src/app/common/errors.ts
@@ -72,9 +72,7 @@ export class KamuErrorHandler implements KamuErrorVisitor {
         promiseWithCatch(
             this.modalService.error({
                 title: ErrorTexts.ERROR_TITLE_REQUEST_FAILED,
-                message: e.networkError
-                    ? ErrorTexts.ERROR_NETWORK_DESCRIPTION
-                    : ErrorTexts.ERROR_TECHNICAL_SUPPORT,
+                message: e.networkError ? ErrorTexts.ERROR_NETWORK_DESCRIPTION : ErrorTexts.ERROR_TECHNICAL_SUPPORT,
                 yesButtonText: "Close",
             }),
         );
@@ -106,9 +104,7 @@ export class KamuErrorHandler implements KamuErrorVisitor {
         );
     }
 
-    public visitAuthenticationError(
-        authenticationError: AuthenticationError,
-    ): void {
+    public visitAuthenticationError(authenticationError: AuthenticationError): void {
         if (authenticationError.errors.length > 0) {
             authenticationError.errors.forEach((e) => logError(e));
         } else {
diff --git a/src/app/common/pipes/display-size.pipe.ts b/src/app/common/pipes/display-size.pipe.ts
index a0ac28e6c..96eaf8937 100644
--- a/src/app/common/pipes/display-size.pipe.ts
+++ b/src/app/common/pipes/display-size.pipe.ts
@@ -22,10 +22,7 @@ export class DisplaySizePipe implements PipeTransform {
         do {
             bytes /= thresh;
             ++u;
-        } while (
-            Math.round(Math.abs(bytes) * r) / r >= thresh &&
-            u < units.length - 1
-        );
+        } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
 
         return bytes.toFixed(decimalPlaces) + " " + units[u];
     }
diff --git a/src/app/common/table.helper.ts b/src/app/common/table.helper.ts
index 1f439a721..e42a9bf77 100644
--- a/src/app/common/table.helper.ts
+++ b/src/app/common/table.helper.ts
@@ -1,8 +1,6 @@
 import { DataRow, DataSchemaField } from "../interface/dataset.interface";
 
-export const extractSchemaFieldsFromData = (
-    data: DataRow,
-): DataSchemaField[] => {
+export const extractSchemaFieldsFromData = (data: DataRow): DataSchemaField[] => {
     return Object.keys(data).map((item: string) => ({
         name: item,
         repetition: "",
diff --git a/src/app/common/tooltips/add-data.text.ts b/src/app/common/tooltips/add-data.text.ts
index 337e7e32a..eec4e54c8 100644
--- a/src/app/common/tooltips/add-data.text.ts
+++ b/src/app/common/tooltips/add-data.text.ts
@@ -1,17 +1,10 @@
 export class AddDataToolipsTexts {
-    public static readonly WATERMARK =
-        "Last watermark of the output data stream.";
-    public static readonly INPUT_HASH =
-        "Hash of the checkpoint file used to restore ingestion state.";
-    public static readonly LOGICAL_HASH =
-        "Logical hash sum of the data in this slice.";
-    public static readonly DATA_SLICE_PHYSICAL_HASH =
-        "Hash sum of the data part file.";
-    public static readonly DATA_SLICE_INTERVAL =
-        "Data slice produced by the transaction.";
+    public static readonly WATERMARK = "Last watermark of the output data stream.";
+    public static readonly INPUT_HASH = "Hash of the checkpoint file used to restore ingestion state.";
+    public static readonly LOGICAL_HASH = "Logical hash sum of the data in this slice.";
+    public static readonly DATA_SLICE_PHYSICAL_HASH = "Hash sum of the data part file.";
+    public static readonly DATA_SLICE_INTERVAL = "Data slice produced by the transaction.";
     public static readonly DATA_SLICE_SIZE = "Size of data file in bytes.";
-    public static readonly CHECKPOINT_PHYSICAL_HASH =
-        "Hash sum of the checkpoint file.";
-    public static readonly CHECKPOINT_SIZE =
-        "Size of checkpoint file in bytes.";
+    public static readonly CHECKPOINT_PHYSICAL_HASH = "Hash sum of the checkpoint file.";
+    public static readonly CHECKPOINT_SIZE = "Size of checkpoint file in bytes.";
 }
diff --git a/src/app/common/tooltips/execute-query.text.ts b/src/app/common/tooltips/execute-query.text.ts
index 3adca593f..325a9bba6 100644
--- a/src/app/common/tooltips/execute-query.text.ts
+++ b/src/app/common/tooltips/execute-query.text.ts
@@ -1,22 +1,13 @@
 export class ExecuteQueryToolipsTexts {
-    public static readonly DATA_SLICE_LOGICAL_HASH =
-        "Logical hash sum of the data in this slice.";
-    public static readonly DATA_SLICE_PHYSICAL_HASH =
-        "Hash sum of the data part file.";
-    public static readonly DATA_SLICE_INTERVAL =
-        "Data slice produced by the transaction.";
-    public static readonly INPUT_CHECKPOINT =
-        "Hash of the checkpoint file used to restore transformation state.";
-    public static readonly WATERMARK =
-        "Last watermark of the output data stream.";
-    public static readonly CHECKPOINT_PHYSICAL_HASH =
-        "Hash sum of the checkpoint file.";
-    public static readonly CHECKPOINT_SIZE =
-        "Size of checkpoint file in bytes.";
+    public static readonly DATA_SLICE_LOGICAL_HASH = "Logical hash sum of the data in this slice.";
+    public static readonly DATA_SLICE_PHYSICAL_HASH = "Hash sum of the data part file.";
+    public static readonly DATA_SLICE_INTERVAL = "Data slice produced by the transaction.";
+    public static readonly INPUT_CHECKPOINT = "Hash of the checkpoint file used to restore transformation state.";
+    public static readonly WATERMARK = "Last watermark of the output data stream.";
+    public static readonly CHECKPOINT_PHYSICAL_HASH = "Hash sum of the checkpoint file.";
+    public static readonly CHECKPOINT_SIZE = "Size of checkpoint file in bytes.";
     public static readonly INPUT_SLICE_DATASET_ID = "Name of the dataset.";
     public static readonly INPUT_SLICE_ID = "Unique dataset identifier.";
-    public static readonly INPUT_SLICE_BLOCK_INTERVAL =
-        "Blocks that went into this transaction.";
-    public static readonly INPUT_SLICE_DATA_INTERVAL =
-        "Data that went into this transaction.";
+    public static readonly INPUT_SLICE_BLOCK_INTERVAL = "Blocks that went into this transaction.";
+    public static readonly INPUT_SLICE_DATA_INTERVAL = "Data that went into this transaction.";
 }
diff --git a/src/app/common/tooltips/set-transform.text.ts b/src/app/common/tooltips/set-transform.text.ts
index 94718d813..b57be3232 100644
--- a/src/app/common/tooltips/set-transform.text.ts
+++ b/src/app/common/tooltips/set-transform.text.ts
@@ -1,8 +1,6 @@
 export class SetTransformToolipsTexts {
-    public static readonly ENGINE =
-        "Identifier of the engine used for this transformation.";
-    public static readonly QUERIES =
-        "Queries use for specifying multi-step SQL transformations.";
+    public static readonly ENGINE = "Identifier of the engine used for this transformation.";
+    public static readonly QUERIES = "Queries use for specifying multi-step SQL transformations.";
     public static readonly TEMPORAL_TABLES =
         "Temporary Flink-specific extension for creating temporal tables from streams.";
     public static readonly DATASET_ID = "Unique dataset identifier.";
@@ -10,6 +8,5 @@ export class SetTransformToolipsTexts {
     public static readonly DATASET_NAME = "Name of the dataset.";
     public static readonly DATASET_OWNER = "Owner of the dataset.";
     public static readonly DATASET_ALIAS = "Query alias of the dataset.";
-    public static readonly DATASET_REF =
-        "A local or remote dataset reference to use in dataset resolutions.";
+    public static readonly DATASET_REF = "A local or remote dataset reference to use in dataset resolutions.";
 }
diff --git a/src/app/common/tooltips/tooltips.text.ts b/src/app/common/tooltips/tooltips.text.ts
index e50a949ab..6a2248d2f 100644
--- a/src/app/common/tooltips/tooltips.text.ts
+++ b/src/app/common/tooltips/tooltips.text.ts
@@ -1,16 +1,11 @@
 export class SetPollingSourceToolipsTexts {
     public static readonly URL = "URL of the data source.";
 
-    public static readonly EVENT_TIME =
-        "Describes how event time is extracted from the source metadata.";
-    public static readonly EVENT_TIME_FROM_METADATA =
-        "Extracts event time from the source's metadata.";
-    public static readonly EVENT_TIME_FROM_PATH =
-        "Extracts event time from the path component of the source.";
-    public static readonly HEADERS =
-        "Headers to pass during the request (e.g. HTTP Authorization)";
-    public static readonly CACHE =
-        "After source was processed once it will never be ingested again.";
+    public static readonly EVENT_TIME = "Describes how event time is extracted from the source metadata.";
+    public static readonly EVENT_TIME_FROM_METADATA = "Extracts event time from the source's metadata.";
+    public static readonly EVENT_TIME_FROM_PATH = "Extracts event time from the path component of the source.";
+    public static readonly HEADERS = "Headers to pass during the request (e.g. HTTP Authorization)";
+    public static readonly CACHE = "After source was processed once it will never be ingested again.";
     public static readonly PATH = "Path with a glob pattern.";
     public static readonly ORDER =
         "Specifies how input files should be ordered before ingestion. Order is important as every file will be processed individually and will advance the dataset's watermark.";
@@ -19,35 +14,23 @@ export class SetPollingSourceToolipsTexts {
         "Specifies the entrypoint. Not executed within a shell. The default OCI image's ENTRYPOINT is used if this is not provided.";
     public static readonly ARGUMENTS =
         "Arguments to the entrypoint. The OCI image's CMD is used if this is not provided.";
-    public static readonly ENVIROMENT_VARIABLES =
-        "Environment variables to propagate into or set in the container.";
+    public static readonly ENVIROMENT_VARIABLES = "Environment variables to propagate into or set in the container.";
     public static readonly SCHEMA =
         "A DDL-formatted schema. Schema can be used to coerce values into more appropriate data types.";
     public static readonly HEADER = "Use the first line as names of columns.";
-    public static readonly ENCODING =
-        "Decodes the CSV files by the given encoding type.";
-    public static readonly SEPARATOR =
-        "Sets a single character as a separator for each field and value.";
+    public static readonly ENCODING = "Decodes the CSV files by the given encoding type.";
+    public static readonly SEPARATOR = "Sets a single character as a separator for each field and value.";
     public static readonly QUOTE =
         "Sets a single character used for escaping quoted values where the separator can be part of the value. Set an empty string to turn off quotations.";
-    public static readonly ESCAPE =
-        "Sets a single character used for escaping quotes inside an already quoted value.";
-    public static readonly COMMENT =
-        "Sets a single character used for skipping lines beginning with this character.";
-    public static readonly NULL_VALUE =
-        "Sets the string representation of a null value.";
-    public static readonly EMPTY_VALUE =
-        "Sets the string representation of an empty value.";
-    public static readonly NAN_VALUE =
-        "Sets the string representation of a non-number value.";
-    public static readonly POSITIVE_INFINITY =
-        "Sets the string representation of a positive infinity value.";
-    public static readonly NEGATIVE_INFINITY =
-        "Sets the string representation of a negative infinity value.";
-    public static readonly DATE_FORMAT =
-        "Sets the string that indicates a date format.";
-    public static readonly TIMESTAMP_FORMAT =
-        "Sets the string that indicates a timestamp format.";
+    public static readonly ESCAPE = "Sets a single character used for escaping quotes inside an already quoted value.";
+    public static readonly COMMENT = "Sets a single character used for skipping lines beginning with this character.";
+    public static readonly NULL_VALUE = "Sets the string representation of a null value.";
+    public static readonly EMPTY_VALUE = "Sets the string representation of an empty value.";
+    public static readonly NAN_VALUE = "Sets the string representation of a non-number value.";
+    public static readonly POSITIVE_INFINITY = "Sets the string representation of a positive infinity value.";
+    public static readonly NEGATIVE_INFINITY = "Sets the string representation of a negative infinity value.";
+    public static readonly DATE_FORMAT = "Sets the string that indicates a date format.";
+    public static readonly TIMESTAMP_FORMAT = "Sets the string that indicates a timestamp format.";
     public static readonly ENFORCE_SCHEMA =
         "If it is set to true, the specified or inferred schema will be forcibly applied to datasource files, and headers in CSV files will be ignored. If the option is set to false, the schema will be validated against all headers in CSV files in the case when the header option is set to true.";
     public static readonly INFER_SCHEMA =
@@ -56,18 +39,14 @@ export class SetPollingSourceToolipsTexts {
         "A flag indicating whether or not leading whitespaces from values being read should be skipped.";
     public static readonly QUIGNORE_TRAILING_WHITESPACEOTE =
         "A flag indicating whether or not trailing whitespaces from values being read should be skipped.";
-    public static readonly MULTI_LINE =
-        "Parse one record, which may span multiple lines.";
-    public static readonly PRIMITIVE_AS_STRING =
-        "Infers all primitive values as a string type.";
-    public static readonly SUB_PATH =
-        "Path to a data file within a multi-file archive. Can contain glob patterns.";
+    public static readonly MULTI_LINE = "Parse one record, which may span multiple lines.";
+    public static readonly PRIMITIVE_AS_STRING = "Infers all primitive values as a string type.";
+    public static readonly SUB_PATH = "Path to a data file within a multi-file archive. Can contain glob patterns.";
     public static readonly PRIMARY_KEYS =
         "Names of the columns that uniquely identify the record throughout its lifetime";
     public static readonly COMPARE_COLUMNS =
         "Names of the columns to compared to determine if a row has changed between two snapshots.";
-    public static readonly OBSERVATION_COLUMN =
-        "Name of the observation type column that will be added to the data.";
+    public static readonly OBSERVATION_COLUMN = "Name of the observation type column that will be added to the data.";
     public static readonly OBSERVATION_ADDED =
         "Name of the observation type when the data with certain primary key is seen for the first time.";
     public static readonly OBSERVATION_CHANGED =
@@ -78,27 +57,20 @@ export class SetPollingSourceToolipsTexts {
         "Merge strategy determines how newly ingested data should be combined with the data that already exists in the dataset.";
     public static readonly MERGE_STRATEGY_APPEND =
         "Merge strategy determines how newly ingested data should be combined with the data that already exists in the dataset.";
-    public static readonly ENGINE =
-        "Identifier of the engine used for this transformation.";
-    public static readonly QUERIES =
-        "Queries use for specifying multi-step SQL transformations.";
-    public static readonly DECOMPRESS_FORMAT =
-        "Name of a compression algorithm used on data.";
+    public static readonly ENGINE = "Identifier of the engine used for this transformation.";
+    public static readonly QUERIES = "Queries use for specifying multi-step SQL transformations.";
+    public static readonly DECOMPRESS_FORMAT = "Name of a compression algorithm used on data.";
     public static readonly DECOMPRESS_SUB_PATH =
         "Path to a data file within a multi-file archive. Can contain glob patterns.";
     public static readonly COMMAND = "Command to execute and its arguments.";
-    public static readonly FROM_URL =
-        "Pulls data from one of the supported sources by its URL.";
-    public static readonly FROM_FILES_GLOB =
-        "Uses glob operator to match files on the local file system.";
-    public static readonly FROM_CONTAINER =
-        "Runs the specified OCI container to fetch data from an arbitrary source.";
+    public static readonly FROM_URL = "Pulls data from one of the supported sources by its URL.";
+    public static readonly FROM_FILES_GLOB = "Uses glob operator to match files on the local file system.";
+    public static readonly FROM_CONTAINER = "Runs the specified OCI container to fetch data from an arbitrary source.";
     public static readonly READ_CSV = "Reader for comma-separated files.";
     public static readonly READ_JSON_LINES =
         "Reader for files containing concatenation of multiple JSON records with the same schema.";
     public static readonly READ_GEO_JSON = "Reader for GeoJSON files.";
-    public static readonly READ_ESRI_SHAPE_FILE =
-        "Reader for ESRI Shapefile format.";
+    public static readonly READ_ESRI_SHAPE_FILE = "Reader for ESRI Shapefile format.";
     public static readonly READ_PARQUET = "Reader for Apache Parquet format.";
     public static readonly APPEND_STRATEGY =
         "Under this strategy polled data will be appended in its original form to the already ingested data without modifications.";
diff --git a/src/app/components/app-header/app-header.component.html b/src/app/components/app-header/app-header.component.html
index 1375e2ae0..b881f6527 100644
--- a/src/app/components/app-header/app-header.component.html
+++ b/src/app/components/app-header/app-header.component.html
@@ -34,15 +34,11 @@
             class="header-search flex-auto position-relative flex-self-stretch flex-md-self-auto mb-3 mb-md-0 mr-0 mr-md-3"
         >
             <div class="position-relative">
-                <div
-                    class="collapse show navbar-collapse"
-                    id="navbarNavDropdown"
-                >
+                <div class="collapse show navbar-collapse" id="navbarNavDropdown">
                     <ul class="navbar-nav">
                         <li
                             [classList]="
-                                'nav-item searchInputContainer ' +
-                                (isSearchActive ? 'active-search-input' : '')
+                                'nav-item searchInputContainer ' + (isSearchActive ? 'active-search-input' : '')
                             "
                         >
                             <div
@@ -72,21 +68,13 @@
                             <ng-template #rt let-r="result" let-t="term">
                                 <div>
                                     <i class="bi bi-journal-album mr-2"></i>
-                                    <ngb-highlight
-                                        [result]="r.dataset.name"
-                                        [term]="t"
-                                    ></ngb-highlight>
+                                    <ngb-highlight [result]="r.dataset.name" [term]="t"></ngb-highlight>
                                 </div>
                                 <div
                                     class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 f6 color-text-tertiary ml-1 jump-to-badge-jump"
                                 >
-                                    {{
-                                        isDatasetType(r["__typename"])
-                                            ? "Jump to"
-                                            : "All Kamu"
-                                    }}
-                                    <span
-                                        class="d-inline-block ml-1 v-align-middle"
+                                    {{ isDatasetType(r["__typename"]) ? "Jump to" : "All Kamu" }}
+                                    <span class="d-inline-block ml-1 v-align-middle"
                                         ><i class="bi bi-arrow-return-left"></i
                                     ></span>
                                 </div>
@@ -101,9 +89,7 @@
             class="d-flex flex-column flex-md-row flex-self-stretch flex-md-self-auto width-full justify-content-between"
             aria-label="Global"
         >
-            <div
-                class="d-flex flex-column flex-md-row flex-self-stretch flex-md-self-auto"
-            >
+            <div class="d-flex flex-column flex-md-row flex-self-stretch flex-md-self-auto">
                 <a
                     class="Header-link py-2 py-md-3 mr-0 mr-md-3 border-sm-top border-md-top-0 border-white-fade"
                     data-ga-click="Header, click, Nav menu - item:explore"
@@ -250,82 +236,32 @@
                     <div role="none" class="dropdown-divider"></div>
 
                     <ng-template [ngIf]="!isUserLoggedIn()">
-                        <button
-                            mat-menu-item
-                            data-test-id="openLogin"
-                            (click)="onLogin()"
-                        >
-                            Login
-                        </button>
+                        <button mat-menu-item data-test-id="openLogin" (click)="onLogin()">Login</button>
                         <div role="none" class="dropdown-divider"></div>
-                        <button
-                            mat-menu-item
-                            data-test-id="openBillingPlan"
-                            (click)="onBilling()"
-                        >
+                        <button mat-menu-item data-test-id="openBillingPlan" (click)="onBilling()">
                             Account & Billing
                         </button>
-                        <button
-                            mat-menu-item
-                            data-test-id="openHelp"
-                            (click)="onHelp()"
-                        >
-                            Help
-                        </button>
+                        <button mat-menu-item data-test-id="openHelp" (click)="onHelp()">Help</button>
                     </ng-template>
 
                     <ng-template [ngIf]="isUserLoggedIn()">
-                        <button
-                            mat-menu-item
-                            data-test-id="openUserProfile"
-                            (click)="onUserProfile()"
-                        >
+                        <button mat-menu-item data-test-id="openUserProfile" (click)="onUserProfile()">
                             Your profile
                         </button>
-                        <button
-                            mat-menu-item
-                            data-test-id="openUserDatasets"
-                            (click)="onUserDatasets()"
-                        >
+                        <button mat-menu-item data-test-id="openUserDatasets" (click)="onUserDatasets()">
                             Your datasets
                         </button>
 
                         <div role="none" class="dropdown-divider"></div>
-                        <button
-                            mat-menu-item
-                            data-test-id="openBillingPlan"
-                            (click)="onBilling()"
-                        >
+                        <button mat-menu-item data-test-id="openBillingPlan" (click)="onBilling()">
                             Account & Billing
                         </button>
-                        <button
-                            mat-menu-item
-                            data-test-id="openAnalytics"
-                            (click)="onAnalytics()"
-                        >
-                            Analytics
-                        </button>
-                        <button
-                            mat-menu-item
-                            data-test-id="openSettings"
-                            (click)="onSettings()"
-                        >
-                            Settings
-                        </button>
-                        <button
-                            mat-menu-item
-                            data-test-id="openHelp"
-                            (click)="onHelp()"
-                        >
-                            Help
-                        </button>
+                        <button mat-menu-item data-test-id="openAnalytics" (click)="onAnalytics()">Analytics</button>
+                        <button mat-menu-item data-test-id="openSettings" (click)="onSettings()">Settings</button>
+                        <button mat-menu-item data-test-id="openHelp" (click)="onHelp()">Help</button>
 
                         <div role="none" class="dropdown-divider"></div>
-                        <button
-                            mat-menu-item
-                            data-test-id="openSignOut"
-                            (click)="onLogOut()"
-                        >
+                        <button mat-menu-item data-test-id="openSignOut" (click)="onLogOut()">
                             <svg-icon name="sign-out"></svg-icon>
                             Sign out
                         </button>
@@ -342,9 +278,7 @@
             </button>
         </div>
     </div>
-    <div
-        class="d-flex d-md-none justify-content-center notification-indicator-container align-items-center m-0"
-    >
+    <div class="d-flex d-md-none justify-content-center notification-indicator-container align-items-center m-0">
         <app-notification-indicator></app-notification-indicator>
     </div>
 </nav>
diff --git a/src/app/components/app-header/app-header.component.spec.ts b/src/app/components/app-header/app-header.component.spec.ts
index 4c5ad7a1a..963f7dba3 100644
--- a/src/app/components/app-header/app-header.component.spec.ts
+++ b/src/app/components/app-header/app-header.component.spec.ts
@@ -3,13 +3,7 @@ import { AccountDetailsFragment } from "src/app/api/kamu.graphql.interface";
 import { FormsModule } from "@angular/forms";
 import { MatMenuModule } from "@angular/material/menu";
 import { ChangeDetectionStrategy } from "@angular/core";
-import {
-    ComponentFixture,
-    fakeAsync,
-    flush,
-    TestBed,
-    tick,
-} from "@angular/core/testing";
+import { ComponentFixture, fakeAsync, flush, TestBed, tick } from "@angular/core/testing";
 import { Apollo } from "apollo-angular";
 import {
     dispatchInputEvent,
@@ -24,10 +18,7 @@ import { BrowserModule } from "@angular/platform-browser";
 import { NgbTypeaheadModule } from "@ng-bootstrap/ng-bootstrap";
 import { SearchApi } from "src/app/api/search.api";
 import { of } from "rxjs";
-import {
-    DatasetAutocompleteItem,
-    TypeNames,
-} from "src/app/interface/search.interface";
+import { DatasetAutocompleteItem, TypeNames } from "src/app/interface/search.interface";
 import { mockDatasetBasicsFragment } from "src/app/search/mock.data";
 import { first } from "rxjs/operators";
 import AppValues from "src/app/common/app.values";
@@ -46,9 +37,7 @@ describe("AppHeaderComponent", () => {
     let navigationService: NavigationService;
     const DEFAULT_SEARCH_QUERY = "defaultSearchQuery";
     function pushNavigationEnd(): void {
-        routerMockEventSubject.next(
-            new NavigationEnd(1, ProjectLinks.URL_SEARCH, ""),
-        );
+        routerMockEventSubject.next(new NavigationEnd(1, ProjectLinks.URL_SEARCH, ""));
     }
 
     beforeEach(async () => {
@@ -122,37 +111,27 @@ describe("AppHeaderComponent", () => {
             const headerMenu = findNativeElement(fixture, "#app-header");
             emitClickOnElement(fixture, "#appHeaderMenuButton");
             isExpectation
-                ? expect(
-                      headerMenu.classList.contains("Details--on"),
-                  ).toBeFalse()
-                : expect(
-                      headerMenu.classList.contains("Details--on"),
-                  ).toBeTrue();
+                ? expect(headerMenu.classList.contains("Details--on")).toBeFalse()
+                : expect(headerMenu.classList.contains("Details--on")).toBeTrue();
         });
     });
 
     it("should emit on click app logo", () => {
-        const emitterSubscription$ = component.clickAppLogoEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickAppLogoEmitter.pipe(first()).subscribe();
         const link = findElementByDataTestId(fixture, "appLogo");
         link.click();
         expect(emitterSubscription$.closed).toBeTrue();
     });
 
     it("should emit on click Help link", () => {
-        const emitterSubscription$ = component.clickHelpEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickHelpEmitter.pipe(first()).subscribe();
         const link = findElementByDataTestId(fixture, "openHelpHeader");
         link.click();
         expect(emitterSubscription$.closed).toBeTrue();
     });
 
     it("should emit on click AddNew link", () => {
-        const emitterSubscription$ = component.addNewEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.addNewEmitter.pipe(first()).subscribe();
         const link = findElementByDataTestId(fixture, "addNewDataset");
         link.click();
         expect(emitterSubscription$.closed).toBeTrue();
@@ -164,9 +143,7 @@ describe("AppHeaderComponent", () => {
             name: "testName",
         } as AccountDetailsFragment;
 
-        const emitterSubscription$ = component.clickSettingsEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickSettingsEmitter.pipe(first()).subscribe();
 
         emitClickOnElement(fixture, "#appHeaderMenuButton");
         fixture.detectChanges();
@@ -182,9 +159,7 @@ describe("AppHeaderComponent", () => {
             name: "testName",
         } as AccountDetailsFragment;
 
-        const emitterSubscription$ = component.clickUserProfileEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickUserProfileEmitter.pipe(first()).subscribe();
 
         emitClickOnElement(fixture, "#appHeaderMenuButton");
         fixture.detectChanges();
@@ -200,9 +175,7 @@ describe("AppHeaderComponent", () => {
             name: "testName",
         } as AccountDetailsFragment;
 
-        const emitterSubscription$ = component.clickAnalyticsEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickAnalyticsEmitter.pipe(first()).subscribe();
 
         emitClickOnElement(fixture, "#appHeaderMenuButton");
         fixture.detectChanges();
@@ -218,9 +191,7 @@ describe("AppHeaderComponent", () => {
             name: "testName",
         } as AccountDetailsFragment;
 
-        const emitterSubscription$ = component.logOutEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.logOutEmitter.pipe(first()).subscribe();
 
         emitClickOnElement(fixture, "#appHeaderMenuButton");
         fixture.detectChanges();
@@ -231,35 +202,27 @@ describe("AppHeaderComponent", () => {
     });
 
     it("should emit on click Login link", () => {
-        const emitterSubscription$ = component.loginEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.loginEmitter.pipe(first()).subscribe();
         const link = findElementByDataTestId(fixture, "openUserProfileHeader");
         link.click();
         expect(emitterSubscription$.closed).toBeTrue();
     });
 
     it("should emit on click Billing link", () => {
-        const emitterSubscription$ = component.clickBillingEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickBillingEmitter.pipe(first()).subscribe();
         const link = findElementByDataTestId(fixture, "openBillingPlanHeader");
         link.click();
         expect(emitterSubscription$.closed).toBeTrue();
     });
 
     it("should emit on click Your datasets link", () => {
-        const emitterSubscription$ = component.clickUserDatasetsEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.clickUserDatasetsEmitter.pipe(first()).subscribe();
         component.onUserDatasets();
         expect(emitterSubscription$.closed).toBeTrue();
     });
 
     it("should emit on click User Info link", () => {
-        const emitterSubscription$ = component.userProfileEmitter
-            .pipe(first())
-            .subscribe();
+        const emitterSubscription$ = component.userProfileEmitter.pipe(first()).subscribe();
         component.onOpenUserInfo();
         expect(emitterSubscription$.closed).toBeTrue();
     });
@@ -270,10 +233,9 @@ describe("AppHeaderComponent", () => {
             __typename: TypeNames.allDataType,
             dataset: mockDatasetBasicsFragment,
         };
-        const searchApiAutocompleteDatasetSearchSpy = spyOn(
-            searchApi,
-            "autocompleteDatasetSearch",
-        ).and.callFake(() => of([MOCK_AUTOCOMPLETE_ITEM]));
+        const searchApiAutocompleteDatasetSearchSpy = spyOn(searchApi, "autocompleteDatasetSearch").and.callFake(() =>
+            of([MOCK_AUTOCOMPLETE_ITEM]),
+        );
 
         // Run search query
         const SEARCH_QUERY = "query";
@@ -281,9 +243,7 @@ describe("AppHeaderComponent", () => {
         tick(AppValues.SHORT_DELAY_MS); // debouncer
 
         // This should activate search API and update view
-        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(
-            SEARCH_QUERY,
-        );
+        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(SEARCH_QUERY);
         fixture.detectChanges();
 
         // Expect emitter event with hardcoded auto-complete item
@@ -295,16 +255,10 @@ describe("AppHeaderComponent", () => {
 
         // After click on selection option, search typeahead should hide
         const typeAheadInputEl = findNativeElement(fixture, "#typeahead-http");
-        const typeAheadInputElBlurSpy = spyOn(
-            typeAheadInputEl,
-            "blur",
-        ).and.callThrough();
+        const typeAheadInputElBlurSpy = spyOn(typeAheadInputEl, "blur").and.callThrough();
 
         // Do actual click
-        const typeAheadSelectionEl = findNativeElement(
-            fixture,
-            "button.dropdown-item",
-        );
+        const typeAheadSelectionEl = findNativeElement(fixture, "button.dropdown-item");
         typeAheadSelectionEl.click();
         fixture.detectChanges();
 
@@ -319,15 +273,9 @@ describe("AppHeaderComponent", () => {
 
     it("should check search method triggers menu click on mobile view", fakeAsync(() => {
         component.isMobileView = true;
-        const triggerMenuClickSpy = spyOn(
-            component,
-            "triggerMenuClick",
-        ).and.callThrough();
-
-        const navigateToSearchSpy = spyOn(
-            navigationService,
-            "navigateToSearch",
-        );
+        const triggerMenuClickSpy = spyOn(component, "triggerMenuClick").and.callThrough();
+
+        const navigateToSearchSpy = spyOn(navigationService, "navigateToSearch");
 
         const event = new KeyboardEvent("keyup", {
             key: "Enter",
diff --git a/src/app/components/app-header/app-header.component.ts b/src/app/components/app-header/app-header.component.ts
index 695f4d18d..0a417e05d 100644
--- a/src/app/components/app-header/app-header.component.ts
+++ b/src/app/components/app-header/app-header.component.ts
@@ -1,10 +1,4 @@
-import {
-    ActivatedRoute,
-    NavigationEnd,
-    Params,
-    Router,
-    RouterEvent,
-} from "@angular/router";
+import { ActivatedRoute, NavigationEnd, Params, Router, RouterEvent } from "@angular/router";
 import {
     ChangeDetectionStrategy,
     ChangeDetectorRef,
@@ -17,17 +11,8 @@ import {
     ViewChild,
 } from "@angular/core";
 import { Observable, OperatorFunction } from "rxjs";
-import {
-    debounceTime,
-    distinctUntilChanged,
-    filter,
-    map,
-    switchMap,
-} from "rxjs/operators";
-import {
-    DatasetAutocompleteItem,
-    TypeNames,
-} from "../../interface/search.interface";
+import { debounceTime, distinctUntilChanged, filter, map, switchMap } from "rxjs/operators";
+import { DatasetAutocompleteItem, TypeNames } from "../../interface/search.interface";
 import { SearchApi } from "../../api/search.api";
 import AppValues from "../../common/app.values";
 import { BaseComponent } from "src/app/common/base.component";
@@ -47,8 +32,7 @@ export class AppHeaderComponent extends BaseComponent implements OnInit {
     @Input() public isVisible: boolean;
     @Input() public userInfo: AccountDetailsFragment;
 
-    @Output() public selectDatasetEmitter =
-        new EventEmitter<DatasetAutocompleteItem>();
+    @Output() public selectDatasetEmitter = new EventEmitter<DatasetAutocompleteItem>();
     @Output() public addNewEmitter = new EventEmitter<null>();
     @Output() public loginEmitter = new EventEmitter<null>();
     @Output() public logOutEmitter = new EventEmitter<null>();
@@ -87,11 +71,7 @@ export class AppHeaderComponent extends BaseComponent implements OnInit {
                     map((event) => event as RouterEvent),
                 )
                 .subscribe((event: RouterEvent) => {
-                    if (
-                        !event.url.includes(
-                            `?${ProjectLinks.URL_QUERY_PARAM_QUERY}=`,
-                        )
-                    ) {
+                    if (!event.url.includes(`?${ProjectLinks.URL_QUERY_PARAM_QUERY}=`)) {
                         this.searchQuery = "";
                         this.cdr.detectChanges();
                     }
@@ -112,16 +92,11 @@ export class AppHeaderComponent extends BaseComponent implements OnInit {
         return this.userInfo.login.length > 0;
     }
 
-    public search: OperatorFunction<
-        string,
-        readonly DatasetAutocompleteItem[]
-    > = (text$: Observable<string>) => {
+    public search: OperatorFunction<string, readonly DatasetAutocompleteItem[]> = (text$: Observable<string>) => {
         return text$.pipe(
             debounceTime(this.delayTime),
             distinctUntilChanged(),
-            switchMap((term: string) =>
-                this.appSearchAPI.autocompleteDatasetSearch(term),
-            ),
+            switchMap((term: string) => this.appSearchAPI.autocompleteDatasetSearch(term)),
         );
     };
 
@@ -130,8 +105,7 @@ export class AppHeaderComponent extends BaseComponent implements OnInit {
     }
 
     public onClickInput(): void {
-        const typeaheadInput: HTMLElement | null =
-            document.getElementById("typeahead-http");
+        const typeaheadInput: HTMLElement | null = document.getElementById("typeahead-http");
         if (typeaheadInput) {
             typeaheadInput.focus();
         }
@@ -140,12 +114,9 @@ export class AppHeaderComponent extends BaseComponent implements OnInit {
     public onSelectItem(event: NgbTypeaheadSelectItemEvent): void {
         this.isSearchActive = false;
         if (event.item) {
-            this.selectDatasetEmitter.emit(
-                event.item as DatasetAutocompleteItem,
-            );
+            this.selectDatasetEmitter.emit(event.item as DatasetAutocompleteItem);
             setTimeout(() => {
-                const typeaheadInput: HTMLElement | null =
-                    document.getElementById("typeahead-http");
+                const typeaheadInput: HTMLElement | null = document.getElementById("typeahead-http");
                 if (typeaheadInput) {
                     typeaheadInput.blur();
                 }
@@ -154,8 +125,7 @@ export class AppHeaderComponent extends BaseComponent implements OnInit {
     }
 
     public toggleAppHeaderMenu(): void {
-        const appHeaderButton: HTMLElement | null =
-            document.getElementById("app-header");
+        const appHeaderButton: HTMLElement | null = document.getElementById("app-header");
 
         this.isCollapsedAppHeaderMenu = !this.isCollapsedAppHeaderMenu;
         if (appHeaderButton) {
diff --git a/src/app/components/custom-pagination-component/custom-pagination.component.html b/src/app/components/custom-pagination-component/custom-pagination.component.html
index 7ccb5aea9..6360770a0 100644
--- a/src/app/components/custom-pagination-component/custom-pagination.component.html
+++ b/src/app/components/custom-pagination-component/custom-pagination.component.html
@@ -1,27 +1,17 @@
 <nav aria-label="Page navigation example">
     <ul class="pagination">
         <li class="page-item" [class.disabled]="pageIndex === 1">
-            <a
-                class="page-link"
-                title="Go to previous page"
-                data-test-id="backward-link"
-                (click)="pageChangeBackward()"
+            <a class="page-link" title="Go to previous page" data-test-id="backward-link" (click)="pageChangeBackward()"
                 ><mat-icon>navigate_before</mat-icon></a
             >
         </li>
         <li class="page-item">
-            <span
-                class="page-link"
-                title="You are on page as of {{ date }} {{ hash | slice: -8 }}"
+            <span class="page-link" title="You are on page as of {{ date }} {{ hash | slice: -8 }}"
                 >As of {{ date }} {{ hash | slice: -8 }}</span
             >
         </li>
         <li class="page-item" [class.disabled]="pageIndex === totalSizeOfPages">
-            <a
-                class="page-link"
-                title="Go to next page"
-                data-test-id="forward-link"
-                (click)="pageChangeForward()"
+            <a class="page-link" title="Go to next page" data-test-id="forward-link" (click)="pageChangeForward()"
                 ><span><mat-icon>navigate_next</mat-icon></span></a
             >
         </li>
diff --git a/src/app/components/custom-pagination-component/custom-pagination.component.ts b/src/app/components/custom-pagination-component/custom-pagination.component.ts
index ac16ce549..8189afd31 100644
--- a/src/app/components/custom-pagination-component/custom-pagination.component.ts
+++ b/src/app/components/custom-pagination-component/custom-pagination.component.ts
@@ -1,11 +1,4 @@
-import {
-    Component,
-    Input,
-    Output,
-    EventEmitter,
-    OnChanges,
-    ChangeDetectionStrategy,
-} from "@angular/core";
+import { Component, Input, Output, EventEmitter, OnChanges, ChangeDetectionStrategy } from "@angular/core";
 
 @Component({
     selector: "app-custom-pagination",
diff --git a/src/app/components/custom-pagination-component/custom-pagination.module.ts b/src/app/components/custom-pagination-component/custom-pagination.module.ts
index 2d417e0d7..79118648c 100644
--- a/src/app/components/custom-pagination-component/custom-pagination.module.ts
+++ b/src/app/components/custom-pagination-component/custom-pagination.module.ts
@@ -9,15 +9,7 @@ import { MatDividerModule } from "@angular/material/divider";
 import { CustomPaginationComponent } from "./custom-pagination.component";
 
 @NgModule({
-    imports: [
-        MatIconModule,
-        MatButtonModule,
-        MatDividerModule,
-        NgbModule,
-        CommonModule,
-        FormsModule,
-        MatChipsModule,
-    ],
+    imports: [MatIconModule, MatButtonModule, MatDividerModule, NgbModule, CommonModule, FormsModule, MatChipsModule],
     exports: [CustomPaginationComponent],
     declarations: [CustomPaginationComponent],
 })
diff --git a/src/app/components/dataset-list-component/dataset-list.component.html b/src/app/components/dataset-list-component/dataset-list.component.html
index 40e124997..b8befec11 100644
--- a/src/app/components/dataset-list-component/dataset-list.component.html
+++ b/src/app/components/dataset-list-component/dataset-list.component.html
@@ -2,20 +2,12 @@
     class="d-flex flex-column flex-md-row flex-justify-between border-bottom pb-3 position-relative justify-content-between align-content-center align-items-baseline"
     *ngIf="hasResultQuantity"
 >
-    <h2 class="dataset-list-total-count">
-        {{ totalCount }} {{ resultUnitText }}
-    </h2>
+    <h2 class="dataset-list-total-count">{{ totalCount }} {{ resultUnitText }}</h2>
     <div class="select-block form-group">
-        <div
-            class="form-control input-group justify-content-left align-items-center"
-        >
+        <div class="form-control input-group justify-content-left align-items-center">
             <p class="m-auto position-absolute">Sort:</p>
             <select title="Sort options" id="sortOptions" class="border-0">
-                <option
-                    *ngFor="let keys of sortOptions"
-                    value="{{ keys?.value }}"
-                    [selected]="keys.active"
-                >
+                <option *ngFor="let keys of sortOptions" value="{{ keys?.value }}" [selected]="keys.active">
                     {{ keys?.label }}
                 </option>
             </select>
diff --git a/src/app/components/dataset-list-component/dataset-list.component.ts b/src/app/components/dataset-list-component/dataset-list.component.ts
index 4a31ecfe5..a27174c7b 100644
--- a/src/app/components/dataset-list-component/dataset-list.component.ts
+++ b/src/app/components/dataset-list-component/dataset-list.component.ts
@@ -1,17 +1,8 @@
 import { DatasetInfo } from "../../interface/navigation.interface";
 import { NavigationService } from "../../services/navigation.service";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { ModalService } from "../modal/modal.service";
-import {
-    DatasetBasicsFragment,
-    DatasetSearchOverviewFragment,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetBasicsFragment, DatasetSearchOverviewFragment } from "src/app/api/kamu.graphql.interface";
 
 @Component({
     selector: "app-dataset-list",
@@ -32,14 +23,10 @@ export class DatasetListComponent {
         active: boolean;
     }[];
 
-    constructor(
-        private modalService: ModalService,
-        private navigationService: NavigationService,
-    ) {}
+    constructor(private modalService: ModalService, private navigationService: NavigationService) {}
 
     public onSelectDataset(row: DatasetSearchOverviewFragment): void {
-        const datasetBasics: DatasetBasicsFragment =
-            row as DatasetBasicsFragment;
+        const datasetBasics: DatasetBasicsFragment = row as DatasetBasicsFragment;
         this.selectDatasetEmit.emit({
             datasetName: datasetBasics.name as string,
             accountName: datasetBasics.owner.name,
diff --git a/src/app/components/dataset-list-item/dataset-list-item.component.html b/src/app/components/dataset-list-item/dataset-list-item.component.html
index 5e97dde70..00ca24096 100644
--- a/src/app/components/dataset-list-item/dataset-list-item.component.html
+++ b/src/app/components/dataset-list-item/dataset-list-item.component.html
@@ -19,16 +19,12 @@
                     </div>
                     <div class="flex-1">
                         This commit was signed with the committer’s
-                        <strong class="signed-commit-verified-label"
-                            >verified signature</strong
-                        >.
+                        <strong class="signed-commit-verified-label">verified signature</strong>.
                     </div>
                 </div>
             </ng-template>
             <ng-template #popContent>
-                <div
-                    class="signer-block-info d-grid justify-content-between align-items-center"
-                >
+                <div class="signer-block-info d-grid justify-content-between align-items-center">
                     <a class="pe-1" aria-label="sergiimk" href="/sergiimk">
                         <img
                             src="https://avatars.githubusercontent.com/u/204914?s=64&amp;v=4"
@@ -48,10 +44,7 @@
                 </div>
                 <div class="signed-commit-footer p-1">
                     <span class="d-block"
-                        >GPG key ID:
-                        <span class="signed-commit-footer__id"
-                            >7D279F791DB8E4F7</span
-                        ></span
+                        >GPG key ID: <span class="signed-commit-footer__id">7D279F791DB8E4F7</span></span
                     >
                     <a
                         href="https://docs.github.com/github/authenticating-to-github/displaying-verification-statuses-for-all-of-your-commits"
@@ -80,9 +73,7 @@
         <div class="app-mat-chip">
             <mat-chip-list aria-label="Tags selection">
                 <div *ngFor="let keyword of row.metadata.currentInfo.keywords">
-                    <mat-chip (click)="selectTopic(row.kind)">{{
-                        keyword
-                    }}</mat-chip>
+                    <mat-chip (click)="selectTopic(row.kind)">{{ keyword }}</mat-chip>
                 </div>
             </mat-chip-list>
         </div>
@@ -97,19 +88,14 @@
             </p>
             <ngb-rating [rate]="4.5" [max]="5" [readonly]="true">
                 <ng-template let-fill="fill">
-                    <span class="rating-star" [class.filled]="fill === 100"
-                        >&#9733;</span
-                    >
+                    <span class="rating-star" [class.filled]="fill === 100">&#9733;</span>
                 </ng-template>
             </ngb-rating>
             <p class="text-small color-text-secondary mr-3">
                 {{ row.metadata.currentDownstreamDependencies.length }}
                 Downstream
             </p>
-            <p
-                class="text-small color-text-secondary mr-3"
-                *ngIf="row.metadata.currentLicense"
-            >
+            <p class="text-small color-text-secondary mr-3" *ngIf="row.metadata.currentLicense">
                 {{ row.metadata.currentLicense.shortName }}
             </p>
         </div>
diff --git a/src/app/components/dataset-list-item/dataset-list-item.component.spec.ts b/src/app/components/dataset-list-item/dataset-list-item.component.spec.ts
index 3a87371e6..8576b95d1 100644
--- a/src/app/components/dataset-list-item/dataset-list-item.component.spec.ts
+++ b/src/app/components/dataset-list-item/dataset-list-item.component.spec.ts
@@ -47,16 +47,11 @@ describe("DatasetListItemComponent", () => {
     });
 
     it("should check navigate to owner view", () => {
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
         emitClickOnElementByDataTestId(fixture, "button-popover-verified");
         emitClickOnElementByDataTestId(fixture, "dataset-owner-name");
 
-        expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(
-            component.row.owner.name,
-        );
+        expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(component.row.owner.name);
     });
 
     it("should check click on dataset name", () => {
diff --git a/src/app/components/dataset-list-item/dataset-list-item.component.ts b/src/app/components/dataset-list-item/dataset-list-item.component.ts
index 12803e097..e3b1420e2 100644
--- a/src/app/components/dataset-list-item/dataset-list-item.component.ts
+++ b/src/app/components/dataset-list-item/dataset-list-item.component.ts
@@ -13,13 +13,9 @@ export class DatasetListItemComponent {
     @Input() public row: DatasetSearchOverviewFragment;
     @Input() public isClickableRow?: boolean = false;
     @Input() public rowIndex: number;
-    @Output() public selectDatasetEmit =
-        new EventEmitter<DatasetSearchOverviewFragment>();
+    @Output() public selectDatasetEmit = new EventEmitter<DatasetSearchOverviewFragment>();
 
-    public constructor(
-        private modalService: ModalService,
-        private navigationService: NavigationService,
-    ) {}
+    public constructor(private modalService: ModalService, private navigationService: NavigationService) {}
 
     public selectTopic(topicName: string): void {
         promiseWithCatch(
diff --git a/src/app/components/display-hash/display-hash.component.html b/src/app/components/display-hash/display-hash.component.html
index 6adc77aa2..ae22f9e4e 100644
--- a/src/app/components/display-hash/display-hash.component.html
+++ b/src/app/components/display-hash/display-hash.component.html
@@ -6,22 +6,14 @@
         data-test-id="navigableValue"
         (click)="
             navigationTargetDataset &&
-                navigateToMetadataBlock(
-                    navigationTargetDataset.accountName,
-                    navigationTargetDataset.datasetName,
-                    value
-                )
+                navigateToMetadataBlock(navigationTargetDataset.accountName, navigationTargetDataset.datasetName, value)
         "
         >{{ value | slice: -8 }}</a
     >
 
-    <span
-        *ngIf="!navigationTargetDataset"
-        class="mr-1"
-        [title]="value"
-        data-test-id="notNavigableValue"
-        >{{ value | slice: -8 }}</span
-    >
+    <span *ngIf="!navigationTargetDataset" class="mr-1" [title]="value" data-test-id="notNavigableValue">{{
+        value | slice: -8
+    }}</span>
 
     <button
         *ngIf="showCopyButton"
diff --git a/src/app/components/display-hash/display-hash.component.spec.ts b/src/app/components/display-hash/display-hash.component.spec.ts
index d8c579464..cf20c16d3 100644
--- a/src/app/components/display-hash/display-hash.component.spec.ts
+++ b/src/app/components/display-hash/display-hash.component.spec.ts
@@ -1,9 +1,6 @@
 import { TEST_BLOCK_HASH } from "./../../api/mock/dataset.mock";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import {
-    emitClickOnElementByDataTestId,
-    findElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { emitClickOnElementByDataTestId, findElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { mockDatasetInfo } from "src/app/search/mock.data";
 import { NavigationService } from "src/app/services/navigation.service";
 import { DisplayHashComponent } from "./display-hash.component";
@@ -43,10 +40,7 @@ describe("DisplayHashComponent", () => {
     });
 
     it("should check navigate to metadata block page", () => {
-        const navigateToMetadataBlockSpy = spyOn(
-            navigationService,
-            "navigateToMetadataBlock",
-        );
+        const navigateToMetadataBlockSpy = spyOn(navigationService, "navigateToMetadataBlock");
         emitClickOnElementByDataTestId(fixture, "navigableValue");
 
         expect(navigateToMetadataBlockSpy).toHaveBeenCalledWith({
@@ -60,10 +54,7 @@ describe("DisplayHashComponent", () => {
         component.showCopyButton = true;
         fixture.detectChanges();
 
-        const copyToClipboardButton = findElementByDataTestId(
-            fixture,
-            "copyToClipboardButton",
-        );
+        const copyToClipboardButton = findElementByDataTestId(fixture, "copyToClipboardButton");
         expect(copyToClipboardButton).toBeDefined();
     });
 
@@ -78,10 +69,7 @@ describe("DisplayHashComponent", () => {
     it("should check hash length", () => {
         component.navigationTargetDataset = undefined;
         fixture.detectChanges();
-        const spanElement = findElementByDataTestId(
-            fixture,
-            "notNavigableValue",
-        );
+        const spanElement = findElementByDataTestId(fixture, "notNavigableValue");
         expect(spanElement.textContent?.length).toEqual(8);
     });
 });
diff --git a/src/app/components/display-hash/display-hash.component.ts b/src/app/components/display-hash/display-hash.component.ts
index c2374a4d4..ad5531b04 100644
--- a/src/app/components/display-hash/display-hash.component.ts
+++ b/src/app/components/display-hash/display-hash.component.ts
@@ -21,11 +21,7 @@ export class DisplayHashComponent {
         private toastr: ToastrService,
     ) {}
 
-    public navigateToMetadataBlock(
-        accountName: string,
-        datasetName: string,
-        blockHash: string,
-    ): void {
+    public navigateToMetadataBlock(accountName: string, datasetName: string, blockHash: string): void {
         this.navigationService.navigateToMetadataBlock({
             accountName,
             datasetName,
diff --git a/src/app/components/display-time/display-time.component.html b/src/app/components/display-time/display-time.component.html
index 3e1a58afa..c8cd0acba 100644
--- a/src/app/components/display-time/display-time.component.html
+++ b/src/app/components/display-time/display-time.component.html
@@ -1,7 +1,3 @@
-<time
-    [class]="class"
-    [title]="formatTitle"
-    attr.data-test-id="{{ dataTestId }}"
->
+<time [class]="class" [title]="formatTitle" attr.data-test-id="{{ dataTestId }}">
     {{ relativeTime }}
 </time>
diff --git a/src/app/components/display-time/display-time.component.spec.ts b/src/app/components/display-time/display-time.component.spec.ts
index ea4aab52c..dd4e628bb 100644
--- a/src/app/components/display-time/display-time.component.spec.ts
+++ b/src/app/components/display-time/display-time.component.spec.ts
@@ -41,11 +41,7 @@ describe("DisplayTimeComponent", () => {
         timekeeper.freeze(FROZEN_TIME);
     });
 
-    function testRelativeTime(
-        expectedResult: string,
-        date: Date,
-        threshold?: moment.argThresholdOpts,
-    ): void {
+    function testRelativeTime(expectedResult: string, date: Date, threshold?: moment.argThresholdOpts): void {
         component.data = date.toISOString();
         component.threshold = threshold;
         expect(component.relativeTime).toBe(expectedResult);
diff --git a/src/app/components/display-time/display-time.component.ts b/src/app/components/display-time/display-time.component.ts
index 67d3c88b5..a2f39fced 100644
--- a/src/app/components/display-time/display-time.component.ts
+++ b/src/app/components/display-time/display-time.component.ts
@@ -28,10 +28,7 @@ export class DisplayTimeComponent extends BasePropertyComponent {
         return dt.format(AppValues.DISPLAY_DATE_FORMAT);
     }
 
-    private convertToRelativeTime(
-        rfc3339: string,
-        threshold?: moment.argThresholdOpts,
-    ): string {
+    private convertToRelativeTime(rfc3339: string, threshold?: moment.argThresholdOpts): string {
         const dt = moment(rfc3339);
         const delta = moment.duration(dt.diff(moment()));
         if (threshold?.d) {
diff --git a/src/app/components/dynamic-table/dynamic-table.component.html b/src/app/components/dynamic-table/dynamic-table.component.html
index 07c831a56..6357cd02f 100644
--- a/src/app/components/dynamic-table/dynamic-table.component.html
+++ b/src/app/components/dynamic-table/dynamic-table.component.html
@@ -1,25 +1,14 @@
 <div [id]="idTable" style="width: 100%; overflow: auto" class="dynamic-table">
     <table mat-table [dataSource]="dataSource">
-        <ng-container
-            *ngFor="let disCol of displayedColumns; let colIndex = index"
-            matColumnDef="{{ disCol }}"
-        >
-            <th
-                mat-header-cell
-                *matHeaderCellDef
-                [attr.data-test-id]="'column-name-' + colIndex"
-            >
+        <ng-container *ngFor="let disCol of displayedColumns; let colIndex = index" matColumnDef="{{ disCol }}">
+            <th mat-header-cell *matHeaderCellDef [attr.data-test-id]="'column-name-' + colIndex">
                 {{ disCol }}
             </th>
             <td mat-cell *matCellDef="let element">{{ element[disCol] }}</td>
         </ng-container>
 
         <ng-container *ngIf="hasTableHeader">
-            <tr
-                class="table-header-background"
-                mat-header-row
-                *matHeaderRowDef="displayedColumns"
-            ></tr>
+            <tr class="table-header-background" mat-header-row *matHeaderRowDef="displayedColumns"></tr>
         </ng-container>
         <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
     </table>
diff --git a/src/app/components/dynamic-table/dynamic-table.component.spec.ts b/src/app/components/dynamic-table/dynamic-table.component.spec.ts
index 06aa270f8..bc8ab7ef7 100644
--- a/src/app/components/dynamic-table/dynamic-table.component.spec.ts
+++ b/src/app/components/dynamic-table/dynamic-table.component.spec.ts
@@ -35,15 +35,10 @@ describe("DynamicTableComponent", () => {
     it("should check column names", () => {
         fixture.detectChanges();
         component.ngOnChanges();
-        Object.keys(mockSchemaFields[0]).forEach(
-            (item: string, index: number) => {
-                const el = findElementByDataTestId(
-                    fixture,
-                    `column-name-${index}`,
-                );
-                expect(el.textContent).toEqual(` ${item} `);
-            },
-        );
+        Object.keys(mockSchemaFields[0]).forEach((item: string, index: number) => {
+            const el = findElementByDataTestId(fixture, `column-name-${index}`);
+            expect(el.textContent).toEqual(` ${item} `);
+        });
     });
 
     it("should check table if schemaFields is empty", () => {
@@ -54,9 +49,7 @@ describe("DynamicTableComponent", () => {
     });
 
     it("should check table if schemaFields is exist", () => {
-        component.schemaFields = [
-            { name: "testName", repetition: "testRepetiton", type: "testType" },
-        ];
+        component.schemaFields = [{ name: "testName", repetition: "testRepetiton", type: "testType" }];
         component.dataRows = [];
         fixture.detectChanges();
         expect(component.dataSource.data).toBeDefined();
diff --git a/src/app/components/dynamic-table/dynamic-table.component.ts b/src/app/components/dynamic-table/dynamic-table.component.ts
index 84569bec1..55dd82237 100644
--- a/src/app/components/dynamic-table/dynamic-table.component.ts
+++ b/src/app/components/dynamic-table/dynamic-table.component.ts
@@ -1,10 +1,4 @@
-import {
-    AfterContentInit,
-    Component,
-    Input,
-    OnChanges,
-    OnInit,
-} from "@angular/core";
+import { AfterContentInit, Component, Input, OnChanges, OnInit } from "@angular/core";
 import { MatTableDataSource } from "@angular/material/table";
 import { DataRow, DataSchemaField } from "src/app/interface/dataset.interface";
 import { TableSourceRowInterface } from "./dynamic-table.interface";
@@ -15,9 +9,7 @@ import { TableSourceRowInterface } from "./dynamic-table.interface";
     styleUrls: ["./dynamic-table.sass"],
     // changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DynamicTableComponent
-    implements OnInit, OnChanges, AfterContentInit
-{
+export class DynamicTableComponent implements OnInit, OnChanges, AfterContentInit {
     @Input() public hasTableHeader: boolean;
     @Input() public schemaFields: DataSchemaField[];
     @Input() public dataRows?: DataRow[];
@@ -47,21 +39,13 @@ export class DynamicTableComponent
             // Special case: displaying schema itself
         } else if (!this.dataRows) {
             this.dataSource.data = this.schemaFields;
-            const arrFieldsLength = this.schemaFields.map(
-                (item) => Object.keys(item).length,
-            );
-            const indexFieldMaxLength = arrFieldsLength.indexOf(
-                Math.max.apply(null, arrFieldsLength),
-            );
-            this.displayedColumns = Object.keys(
-                this.schemaFields[indexFieldMaxLength],
-            );
+            const arrFieldsLength = this.schemaFields.map((item) => Object.keys(item).length);
+            const indexFieldMaxLength = arrFieldsLength.indexOf(Math.max.apply(null, arrFieldsLength));
+            this.displayedColumns = Object.keys(this.schemaFields[indexFieldMaxLength]);
 
             // Casual case, displaying data
         } else {
-            this.displayedColumns = this.schemaFields.map(
-                (f: DataSchemaField) => f.name,
-            );
+            this.displayedColumns = this.schemaFields.map((f: DataSchemaField) => f.name);
             this.dataSource.data = this.dataRows;
         }
     }
diff --git a/src/app/components/lineage-graph/lineage-graph.component.html b/src/app/components/lineage-graph/lineage-graph.component.html
index 96c669673..49f126228 100644
--- a/src/app/components/lineage-graph/lineage-graph.component.html
+++ b/src/app/components/lineage-graph/lineage-graph.component.html
@@ -52,10 +52,7 @@
             >
                 {{ node.label }}
             </svg:text>
-            <svg:g
-                *ngIf="!node.data.isRoot"
-                [attr.transform]="'translate(' + node.dimension.width + ', 0)'"
-            >
+            <svg:g *ngIf="!node.data.isRoot" [attr.transform]="'translate(' + node.dimension.width + ', 0)'">
                 <svg:rect
                     x="-20"
                     y="-12"
@@ -81,11 +78,7 @@
 
     <ng-template #linkTemplate let-link>
         <svg:g class="edge">
-            <svg:path
-                class="line"
-                stroke-width="2"
-                marker-end="url(#arrow)"
-            ></svg:path>
+            <svg:path class="line" stroke-width="2" marker-end="url(#arrow)"></svg:path>
             <!--svg:text class="edge-label" text-anchor="middle">
                 <textPath
                     class="text-path"
diff --git a/src/app/components/lineage-graph/lineage-graph.component.spec.ts b/src/app/components/lineage-graph/lineage-graph.component.spec.ts
index d8d3e6e48..bede247bd 100644
--- a/src/app/components/lineage-graph/lineage-graph.component.spec.ts
+++ b/src/app/components/lineage-graph/lineage-graph.component.spec.ts
@@ -2,11 +2,7 @@ import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { LineageGraphComponent } from "./lineage-graph.component";
 import { NgxGraphModule } from "@swimlane/ngx-graph";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
-import {
-    MOCK_CLUSTERS,
-    MOCK_LINKS,
-    MOCK_NODES,
-} from "src/app/api/mock/dataset.mock";
+import { MOCK_CLUSTERS, MOCK_LINKS, MOCK_NODES } from "src/app/api/mock/dataset.mock";
 import { SimpleChange } from "@angular/core";
 
 describe("LineageGraphComponent", () => {
@@ -41,11 +37,7 @@ describe("LineageGraphComponent", () => {
     it("should check ngOnChanges", () => {
         component.ngOnChanges({
             nodes: new SimpleChange(MOCK_NODES, [MOCK_NODES[0]], false),
-            clusters: new SimpleChange(
-                MOCK_CLUSTERS,
-                [MOCK_CLUSTERS[0]],
-                false,
-            ),
+            clusters: new SimpleChange(MOCK_CLUSTERS, [MOCK_CLUSTERS[0]], false),
         });
         fixture.detectChanges();
 
diff --git a/src/app/components/lineage-graph/lineage-graph.component.ts b/src/app/components/lineage-graph/lineage-graph.component.ts
index 7409639f3..6e5bd9969 100644
--- a/src/app/components/lineage-graph/lineage-graph.component.ts
+++ b/src/app/components/lineage-graph/lineage-graph.component.ts
@@ -47,14 +47,10 @@ export class LineageGraphComponent implements OnChanges, OnInit {
     public ngOnChanges(changes: SimpleChanges): void {
         const clusters: SimpleChange = changes.clusters;
         const nodes: SimpleChange = changes.nodes;
-        if (
-            clusters.currentValue &&
-            clusters.currentValue !== clusters.previousValue
-        ) {
+        if (clusters.currentValue && clusters.currentValue !== clusters.previousValue) {
             const currentClusters = clusters.currentValue as ClusterNode[];
             this.graphClusters = currentClusters.filter(
-                (cluster: ClusterNode) =>
-                    cluster.childNodeIds && cluster.childNodeIds.length !== 0,
+                (cluster: ClusterNode) => cluster.childNodeIds && cluster.childNodeIds.length !== 0,
             );
         }
         if (nodes.currentValue && nodes.currentValue !== nodes.previousValue) {
diff --git a/src/app/components/modal/modal-dialog.component.ts b/src/app/components/modal/modal-dialog.component.ts
index f9c03dccc..1d92207e7 100755
--- a/src/app/components/modal/modal-dialog.component.ts
+++ b/src/app/components/modal/modal-dialog.component.ts
@@ -5,36 +5,22 @@ import { DynamicComponent } from "./dynamic.component";
     selector: "modal-dialog",
     template: `
         <div class="modal__content" (click)="hideAll()">
-            <div
-                [ngClass]="
-                    context && context.bigTextBlock
-                        ? 'modal__bigtest-dialog'
-                        : 'modal__dialog'
-                "
-            >
+            <div [ngClass]="context && context.bigTextBlock ? 'modal__bigtest-dialog' : 'modal__dialog'">
                 <div class="modal__dialog__header-block">
                     <h2
                         class="modal__header"
                         data-test-id="modalHeader"
                         [ngClass]="{
-                            'modal__header-ok':
-                                context && context.status === 'ok',
-                            'modal__header-warning':
-                                context && context.status === 'warning',
-                            'modal__header-error':
-                                context && context.status === 'error',
-                            'modal__header-black':
-                                context && context.status === 'dialog_question'
+                            'modal__header-ok': context && context.status === 'ok',
+                            'modal__header-warning': context && context.status === 'warning',
+                            'modal__header-error': context && context.status === 'error',
+                            'modal__header-black': context && context.status === 'dialog_question'
                         }"
                     >
                         {{ context && context.title }}
                     </h2>
 
-                    <p
-                        *ngIf="context && context.message"
-                        class="modal__msg"
-                        data-test-id="modalMessage"
-                    >
+                    <p *ngIf="context && context.message" class="modal__msg" data-test-id="modalMessage">
                         {{ context.message }}
                     </p>
                 </div>
diff --git a/src/app/components/modal/modal-image.component.ts b/src/app/components/modal/modal-image.component.ts
index f2657b9c6..b0235d538 100644
--- a/src/app/components/modal/modal-image.component.ts
+++ b/src/app/components/modal/modal-image.component.ts
@@ -11,11 +11,7 @@ import { DynamicComponent } from "./dynamic.component";
             </div>
 
             <div class="text-center">
-                <button
-                    class="modal__btn"
-                    data-test-id="yesButton"
-                    (click)="context._close && context._close()"
-                >
+                <button class="modal__btn" data-test-id="yesButton" (click)="context._close && context._close()">
                     Close
                 </button>
             </div>
diff --git a/src/app/components/modal/modal.component.ts b/src/app/components/modal/modal.component.ts
index 403c0f006..55a3b3c57 100755
--- a/src/app/components/modal/modal.component.ts
+++ b/src/app/components/modal/modal.component.ts
@@ -9,10 +9,7 @@ import {
 } from "@angular/core";
 
 import { DynamicComponent } from "./dynamic.component";
-import {
-    ModalCommandInterface,
-    ModalComponentType,
-} from "../../interface/modal.interface";
+import { ModalCommandInterface, ModalComponentType } from "../../interface/modal.interface";
 import { ModalDialogComponent } from "./modal-dialog.component";
 import { ModalImageComponent } from "./modal-image.component";
 import { ModalService } from "./modal.service";
@@ -24,12 +21,7 @@ import { BaseComponent } from "src/app/common/base.component";
 @Component({
     selector: "modal",
     template: `
-        <div
-            class="modal__container"
-            #container
-            tabindex="1"
-            [ngClass]="{ modal__invisible: !isVisible }"
-        ></div>
+        <div class="modal__container" #container tabindex="1" [ngClass]="{ modal__invisible: !isVisible }"></div>
     `,
 })
 export class ModalComponent extends BaseComponent implements OnInit {
@@ -56,12 +48,10 @@ export class ModalComponent extends BaseComponent implements OnInit {
 
     ngOnInit() {
         this.trackSubscription(
-            this.modalService
-                .getCommand()
-                .subscribe((command: ModalCommandInterface) => {
-                    this._execute(command);
-                    this.cdr.markForCheck();
-                }),
+            this.modalService.getCommand().subscribe((command: ModalCommandInterface) => {
+                this._execute(command);
+                this.cdr.markForCheck();
+            }),
         );
     }
 
@@ -76,10 +66,7 @@ export class ModalComponent extends BaseComponent implements OnInit {
     _renderModal(command: ModalCommandInterface) {
         const componentType = this._getComponentType(command.type);
 
-        const factory =
-            this.componentFactoryResolver.resolveComponentFactory(
-                componentType,
-            );
+        const factory = this.componentFactoryResolver.resolveComponentFactory(componentType);
         this.componentRef = this.container.createComponent(factory);
 
         const instance = this.componentRef.instance as DynamicComponent;
diff --git a/src/app/components/modal/modal.module.ts b/src/app/components/modal/modal.module.ts
index e3baeae1e..7015e7539 100755
--- a/src/app/components/modal/modal.module.ts
+++ b/src/app/components/modal/modal.module.ts
@@ -8,12 +8,7 @@ import { ModalSpinnerComponent } from "./modal-spinner.component";
 
 @NgModule({
     imports: [CommonModule],
-    declarations: [
-        ModalComponent,
-        ModalDialogComponent,
-        ModalImageComponent,
-        ModalSpinnerComponent,
-    ],
+    declarations: [ModalComponent, ModalDialogComponent, ModalImageComponent, ModalSpinnerComponent],
     exports: [ModalComponent],
 })
 export class ModalModule {
diff --git a/src/app/components/modal/modal.service.ts b/src/app/components/modal/modal.service.ts
index 9131a7609..fe34b759d 100755
--- a/src/app/components/modal/modal.service.ts
+++ b/src/app/components/modal/modal.service.ts
@@ -1,8 +1,5 @@
 import { Injectable } from "@angular/core";
-import {
-    ModalArgumentsInterface,
-    ModalCommandInterface,
-} from "../../interface/modal.interface";
+import { ModalArgumentsInterface, ModalCommandInterface } from "../../interface/modal.interface";
 import { Subject } from "rxjs";
 
 @Injectable({
@@ -28,8 +25,7 @@ export class ModalService {
      * .then(action => console.log('User said: ', action));
      */
 
-    private showModal$: Subject<ModalCommandInterface> =
-        new Subject<ModalCommandInterface>();
+    private showModal$: Subject<ModalCommandInterface> = new Subject<ModalCommandInterface>();
     private currentModalType = "dialog";
 
     /**
@@ -46,15 +42,11 @@ export class ModalService {
         return this.currentModalType;
     }
 
-    public success(
-        options: ModalArgumentsInterface,
-    ): Promise<boolean | string> {
+    public success(options: ModalArgumentsInterface): Promise<boolean | string> {
         return this._showDialog(Object.assign(options, { status: "ok" }));
     }
 
-    public warning(
-        options: ModalArgumentsInterface,
-    ): Promise<boolean | string> {
+    public warning(options: ModalArgumentsInterface): Promise<boolean | string> {
         return this._showDialog(Object.assign(options, { status: "warning" }));
     }
 
@@ -62,17 +54,11 @@ export class ModalService {
         return this._showDialog(Object.assign(options, { status: "error" }));
     }
 
-    public dialog_question(
-        options: ModalArgumentsInterface,
-    ): Promise<boolean | string> {
-        return this._showDialog(
-            Object.assign(options, { status: "dialog_question" }),
-        );
+    public dialog_question(options: ModalArgumentsInterface): Promise<boolean | string> {
+        return this._showDialog(Object.assign(options, { status: "dialog_question" }));
     }
 
-    private _showDialog(
-        context: ModalArgumentsInterface,
-    ): Promise<boolean | string> {
+    private _showDialog(context: ModalArgumentsInterface): Promise<boolean | string> {
         this.showModal$.next({
             type: "dialog",
             context,
diff --git a/src/app/components/notification-indicator/notification-indicator.html b/src/app/components/notification-indicator/notification-indicator.html
index 992462414..acf3bd243 100644
--- a/src/app/components/notification-indicator/notification-indicator.html
+++ b/src/app/components/notification-indicator/notification-indicator.html
@@ -6,9 +6,6 @@
     data-ga-click="Header, go to notifications, icon:read"
     data-target="notification-indicator.link"
 >
-    <span
-        class="mail-status"
-        data-target="notification-indicator.modifier"
-    ></span>
+    <span class="mail-status" data-target="notification-indicator.modifier"></span>
     <svg-icon name="notifications-large"></svg-icon>
 </a>
diff --git a/src/app/components/overview-history-summary-header/overview-history-summary-header.component.html b/src/app/components/overview-history-summary-header/overview-history-summary-header.component.html
index 2eff64871..4c3fe7c86 100644
--- a/src/app/components/overview-history-summary-header/overview-history-summary-header.component.html
+++ b/src/app/components/overview-history-summary-header/overview-history-summary-header.component.html
@@ -1,11 +1,7 @@
 <div class="overview-summary-background">
     <div class="box-header position-relative" *ngIf="metadataBlockFragment">
-        <div
-            class="d-flex rounded-top-1 border-bottom-0 align-items-center flex-wrap"
-        >
-            <div
-                class="flex-shrink-0 ml-n1 mr-n1 mt-n1 mb-n1 hx_avatar_stack_commit"
-            >
+        <div class="d-flex rounded-top-1 border-bottom-0 align-items-center flex-wrap">
+            <div class="flex-shrink-0 ml-n1 mr-n1 mt-n1 mb-n1 hx_avatar_stack_commit">
                 <div class="avatarStack align-self-start">
                     <div class="avatarStack__body" aria-label="sergiimk">
                         <a
@@ -56,9 +52,7 @@
                         >
                     </span>
                 </div>
-                <span
-                    class="hidden-text-expander m-2 d-inline-block d-inline-block d-lg-none"
-                >
+                <span class="hidden-text-expander m-2 d-inline-block d-inline-block d-lg-none">
                     <button
                         id="more-button"
                         type="button"
@@ -78,9 +72,7 @@
                             accountName: metadataBlockFragment.author.name,
                             datasetName: this.datasetName
                         }"
-                        [class]="
-                            'f6 link--secondary text-mono ml-2 d-none d-lg-inline'
-                        "
+                        [class]="'f6 link--secondary text-mono ml-2 d-none d-lg-inline'"
                     ></app-display-hash>
                     <a class="link--secondary ml-3">
                         <app-display-time
@@ -103,10 +95,7 @@ <h2 class="sr-only">Git stats</h2>
                             <svg-icon name="history"></svg-icon>
                             <span class="d-none d-sm-inline">
                                 <strong>{{ numBlocksTotal }}</strong>
-                                <span
-                                    aria-label="Commits on KAMU-58"
-                                    class="color-fg-muted d-none d-lg-inline"
-                                >
+                                <span aria-label="Commits on KAMU-58" class="color-fg-muted d-none d-lg-inline">
                                     blocks
                                 </span>
                             </span>
diff --git a/src/app/components/overview-history-summary-header/overview-history-summary-header.component.spec.ts b/src/app/components/overview-history-summary-header/overview-history-summary-header.component.spec.ts
index ebe6f7726..4b413d564 100644
--- a/src/app/components/overview-history-summary-header/overview-history-summary-header.component.spec.ts
+++ b/src/app/components/overview-history-summary-header/overview-history-summary-header.component.spec.ts
@@ -2,10 +2,7 @@ import { NavigationService } from "src/app/services/navigation.service";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { OverviewHistorySummaryHeaderComponent } from "./overview-history-summary-header.component";
 import { MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
-import {
-    TEST_DATASET_NAME,
-    mockGetMetadataBlockQuery,
-} from "src/app/api/mock/dataset.mock";
+import { TEST_DATASET_NAME, mockGetMetadataBlockQuery } from "src/app/api/mock/dataset.mock";
 import { DisplayTimeModule } from "../display-time/display-time.module";
 import { DisplayHashModule } from "../display-hash/dispaly-hash.module";
 import { HttpClientTestingModule } from "@angular/common/http/testing";
@@ -34,13 +31,10 @@ describe("OverviewHistorySummaryHeaderComponent", () => {
             ],
         }).compileComponents();
 
-        fixture = TestBed.createComponent(
-            OverviewHistorySummaryHeaderComponent,
-        );
+        fixture = TestBed.createComponent(OverviewHistorySummaryHeaderComponent);
         navigationService = TestBed.inject(NavigationService);
         component = fixture.componentInstance;
-        (component.metadataBlockFragment = mockGetMetadataBlockQuery.datasets
-            .byOwnerAndName?.metadata.chain
+        (component.metadataBlockFragment = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
             .blockByHash as MetadataBlockFragment),
             (component.numBlocksTotal = 3);
         component.datasetName = TEST_DATASET_NAME;
@@ -52,10 +46,7 @@ describe("OverviewHistorySummaryHeaderComponent", () => {
     });
 
     it("should navigate to metadata block", () => {
-        const navigateToMetadataBlockSpy = spyOn(
-            navigationService,
-            "navigateToMetadataBlock",
-        );
+        const navigateToMetadataBlockSpy = spyOn(navigationService, "navigateToMetadataBlock");
         const params: MetadataBlockNavigationParams = {
             accountName: component.authorInfo.name,
             datasetName: component.datasetName,
diff --git a/src/app/components/overview-history-summary-header/overview-history-summary-header.component.ts b/src/app/components/overview-history-summary-header/overview-history-summary-header.component.ts
index 7ae6eeaea..41773da4e 100644
--- a/src/app/components/overview-history-summary-header/overview-history-summary-header.component.ts
+++ b/src/app/components/overview-history-summary-header/overview-history-summary-header.component.ts
@@ -1,9 +1,6 @@
 import { NavigationService } from "./../../services/navigation.service";
 import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
-import {
-    Account,
-    MetadataBlockFragment,
-} from "src/app/api/kamu.graphql.interface";
+import { Account, MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
 import AppValues from "src/app/common/app.values";
 import { DataHelpers } from "src/app/common/data.helpers";
 
@@ -22,9 +19,7 @@ export class OverviewHistorySummaryHeaderComponent {
     constructor(private navigationService: NavigationService) {}
 
     get systemTime(): string {
-        return this.metadataBlockFragment
-            ? (this.metadataBlockFragment.systemTime as string)
-            : "";
+        return this.metadataBlockFragment ? (this.metadataBlockFragment.systemTime as string) : "";
     }
 
     get authorInfo(): Account {
@@ -34,18 +29,10 @@ export class OverviewHistorySummaryHeaderComponent {
     }
 
     get descriptionForMetadataBlock(): string {
-        return this.metadataBlockFragment
-            ? DataHelpers.descriptionForMetadataBlock(
-                  this.metadataBlockFragment,
-              )
-            : "";
+        return this.metadataBlockFragment ? DataHelpers.descriptionForMetadataBlock(this.metadataBlockFragment) : "";
     }
 
-    public navigateToMetadataBlock(
-        accountName: string,
-        datasetName: string,
-        blockHash: string,
-    ): void {
+    public navigateToMetadataBlock(accountName: string, datasetName: string, blockHash: string): void {
         this.navigationService.navigateToMetadataBlock({
             accountName,
             datasetName,
diff --git a/src/app/components/page-not-found/page-not-found.component.html b/src/app/components/page-not-found/page-not-found.component.html
index 773cbc57b..c40bcc56d 100644
--- a/src/app/components/page-not-found/page-not-found.component.html
+++ b/src/app/components/page-not-found/page-not-found.component.html
@@ -5,16 +5,10 @@
                 <img [src]="appLogo" alt="Application logo" />
                 <h1>Oops!</h1>
                 <h2>404 Not Found</h2>
-                <div class="error-details">
-                    Sorry, an error has occured, Requested page not found!
-                </div>
+                <div class="error-details">Sorry, an error has occured, Requested page not found!</div>
                 <div class="error-actions d-flex justify-content-center">
-                    <button
-                        class="app-active-button"
-                        (click)="navigateToHome()"
-                    >
-                        <span><i class="bi bi-house-door icon-home"></i></span
-                        >Take me home
+                    <button class="app-active-button" (click)="navigateToHome()">
+                        <span><i class="bi bi-house-door icon-home"></i></span>Take me home
                     </button>
                 </div>
             </div>
diff --git a/src/app/components/page-not-found/page-not-found.component.spec.ts b/src/app/components/page-not-found/page-not-found.component.spec.ts
index 61def27c3..9b8cc9837 100644
--- a/src/app/components/page-not-found/page-not-found.component.spec.ts
+++ b/src/app/components/page-not-found/page-not-found.component.spec.ts
@@ -23,10 +23,7 @@ describe("PageNotFoundComponent", () => {
     });
 
     it("should redirect to home page", () => {
-        const navigateToHomeSpy = spyOn(
-            navigationService,
-            "navigateToHome",
-        ).and.returnValue();
+        const navigateToHomeSpy = spyOn(navigationService, "navigateToHome").and.returnValue();
         component.navigateToHome();
         expect(navigateToHomeSpy).toHaveBeenCalledWith();
     });
diff --git a/src/app/components/pagination-component/pagination.component.html b/src/app/components/pagination-component/pagination.component.html
index 70c16154c..bbe842dd3 100644
--- a/src/app/components/pagination-component/pagination.component.html
+++ b/src/app/components/pagination-component/pagination.component.html
@@ -8,11 +8,7 @@
         (pageChange)="onPageChange(currentPage)"
         aria-label="Custom pagination"
     >
-        <ng-template ngbPaginationPrevious
-            ><span class="previous_page"></span><span>Prev</span></ng-template
-        >
-        <ng-template ngbPaginationNext
-            ><span>Next</span><span class="next_page"></span
-        ></ng-template>
+        <ng-template ngbPaginationPrevious><span class="previous_page"></span><span>Prev</span></ng-template>
+        <ng-template ngbPaginationNext><span>Next</span><span class="next_page"></span></ng-template>
     </ngb-pagination>
 </div>
diff --git a/src/app/components/pagination-component/pagination.component.ts b/src/app/components/pagination-component/pagination.component.ts
index 1280e3c9a..2afd22fb6 100644
--- a/src/app/components/pagination-component/pagination.component.ts
+++ b/src/app/components/pagination-component/pagination.component.ts
@@ -1,10 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { PageBasedInfo } from "src/app/api/kamu.graphql.interface";
 
 @Component({
diff --git a/src/app/components/pagination-component/pagination.module.ts b/src/app/components/pagination-component/pagination.module.ts
index a6a62c22f..dd2348e1d 100644
--- a/src/app/components/pagination-component/pagination.module.ts
+++ b/src/app/components/pagination-component/pagination.module.ts
@@ -9,15 +9,7 @@ import { MatDividerModule } from "@angular/material/divider";
 import { PaginationComponent } from "./pagination.component";
 
 @NgModule({
-    imports: [
-        MatIconModule,
-        MatButtonModule,
-        MatDividerModule,
-        NgbModule,
-        CommonModule,
-        FormsModule,
-        MatChipsModule,
-    ],
+    imports: [MatIconModule, MatButtonModule, MatDividerModule, NgbModule, CommonModule, FormsModule, MatChipsModule],
     exports: [PaginationComponent],
     declarations: [PaginationComponent],
 })
diff --git a/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.html b/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.html
index 29ba57bc9..bad26760f 100644
--- a/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.html
+++ b/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.html
@@ -1,16 +1,11 @@
 <ul class="nav searchAdditionalButtons__nav">
-    <ng-template
-        ngFor
-        let-searchAdditionalData
-        [ngForOf]="searchAdditionalButtonsData"
-    >
+    <ng-template ngFor let-searchAdditionalData [ngForOf]="searchAdditionalButtonsData">
         <li class="nav-item mr-2 pt-2">
             <div class="btnGroup-parent nav">
                 <button
                     (click)="onClickButton(searchAdditionalData.textButton)"
                     [classList]="
-                        searchAdditionalData.additionalOptions &&
-                        searchAdditionalData.additionalOptions.options
+                        searchAdditionalData.additionalOptions && searchAdditionalData.additionalOptions.options
                             ? 'starred rounded-left-2 border-right-0 additionalOptions-btn btn-sm btn btnGroup-item d-flex justify-content-between align-items-center'
                             : 'starred rounded-2 btn-sm btn btnGroup-item d-flex justify-content-between align-items-center'
                     "
@@ -29,9 +24,7 @@
                             [attr.d]="searchAdditionalData.iconSvgPath"
                         ></path>
                     </svg>
-                    <span class="d-inline mr-2">{{
-                        searchAdditionalData.textButton
-                    }}</span>
+                    <span class="d-inline mr-2">{{ searchAdditionalData.textButton }}</span>
                     <span
                         id="repo-stars-counter-unstar"
                         aria-label="2 users starred this repository"
@@ -50,20 +43,13 @@
                         class="additionalOptions-btn mat-menu-trigger starred rounded-right-2 border-1 border btn-sm btn btnGroup-item d-flex justify-content-center align-items-center mat-button mat-icon-button mat-button-base"
                         [matMenuTriggerFor]="menu2"
                     >
-                        <mat-icon class="arrowDropDown"
-                            >arrow_drop_down</mat-icon
-                        >
+                        <mat-icon class="arrowDropDown">arrow_drop_down</mat-icon>
                     </button>
                     <mat-menu #menu2="matMenu">
-                        <div
-                            class="SelectMenu-modal notifications-component-menu-modal"
-                        >
+                        <div class="SelectMenu-modal notifications-component-menu-modal">
                             <header class="SelectMenu-header">
                                 <h3 class="SelectMenu-title">
-                                    {{
-                                        searchAdditionalData.additionalOptions
-                                            .title
-                                    }}
+                                    {{ searchAdditionalData.additionalOptions.title }}
                                 </h3>
                                 <button
                                     class="SelectMenu-closeButton"
@@ -86,10 +72,7 @@ <h3 class="SelectMenu-title">
                                     <ng-template
                                         ngFor
                                         let-option
-                                        [ngForOf]="
-                                            searchAdditionalData
-                                                .additionalOptions.options
-                                        "
+                                        [ngForOf]="searchAdditionalData.additionalOptions.options"
                                     >
                                         <button
                                             type="submit"
@@ -97,9 +80,7 @@ <h3 class="SelectMenu-title">
                                             value="included"
                                             class="SelectMenu-item flex-items-start"
                                             role="menuitemradio"
-                                            [attr.aria-checked]="
-                                                option.isSelected
-                                            "
+                                            [attr.aria-checked]="option.isSelected"
                                             data-targets="notifications-list-subscription-form.subscriptionButtons"
                                         >
                                             <span class="f5">
@@ -116,9 +97,7 @@ <h3 class="SelectMenu-title">
                                                 <div class="f5 text-bold">
                                                     {{ option.title }}
                                                 </div>
-                                                <div
-                                                    class="text-small color-fg-muted text-normal pb-1"
-                                                >
+                                                <div class="text-small color-fg-muted text-normal pb-1">
                                                     {{ option.text }}
                                                 </div>
                                             </div>
diff --git a/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.ts b/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.ts
index 0b7d0efc9..7f9d1b768 100644
--- a/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.ts
+++ b/src/app/components/search-additional-buttons/search-additional-buttons-nav.component.ts
@@ -1,10 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { SearchAdditionalHeaderButtonInterface } from "./search-additional-buttons.interface";
 
 @Component({
diff --git a/src/app/components/search-additional-buttons/search-additional-buttons.component.html b/src/app/components/search-additional-buttons/search-additional-buttons.component.html
index d4e2d3dab..2efe2d084 100644
--- a/src/app/components/search-additional-buttons/search-additional-buttons.component.html
+++ b/src/app/components/search-additional-buttons/search-additional-buttons.component.html
@@ -15,10 +15,7 @@
         ></app-search-additional-buttons-nav>
     </mat-menu>
 </ng-template>
-<ng-template
-    [ngIf]="!shouldMinimizeSearchAdditionalButtons"
-    id="bigSearchAdditionalButtons"
->
+<ng-template [ngIf]="!shouldMinimizeSearchAdditionalButtons" id="bigSearchAdditionalButtons">
     <app-search-additional-buttons-nav
         (searchAdditionalButtonsMethod)="onClick($event)"
         [searchAdditionalButtonsData]="searchAdditionalButtonsData"
diff --git a/src/app/components/search-additional-buttons/search-additional-buttons.component.spec.ts b/src/app/components/search-additional-buttons/search-additional-buttons.component.spec.ts
index 7c2ffe19f..64b6cd696 100644
--- a/src/app/components/search-additional-buttons/search-additional-buttons.component.spec.ts
+++ b/src/app/components/search-additional-buttons/search-additional-buttons.component.spec.ts
@@ -10,10 +10,7 @@ describe("SearchAdditionalButtonsComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SearchAdditionalButtonsComponent,
-                SearchAdditionalButtonsNavComponent,
-            ],
+            declarations: [SearchAdditionalButtonsComponent, SearchAdditionalButtonsNavComponent],
             providers: [],
         })
             .overrideComponent(SearchAdditionalButtonsComponent, {
diff --git a/src/app/components/search-additional-buttons/search-additional-buttons.module.ts b/src/app/components/search-additional-buttons/search-additional-buttons.module.ts
index 84d2a7635..292724fde 100644
--- a/src/app/components/search-additional-buttons/search-additional-buttons.module.ts
+++ b/src/app/components/search-additional-buttons/search-additional-buttons.module.ts
@@ -9,21 +9,8 @@ import { SearchAdditionalButtonsNavComponent } from "./search-additional-buttons
 import { AngularSvgIconModule } from "angular-svg-icon";
 
 @NgModule({
-    imports: [
-        MatMenuModule,
-        MatIconModule,
-        MatButtonModule,
-        CommonModule,
-        NgbPopoverModule,
-        AngularSvgIconModule,
-    ],
-    exports: [
-        SearchAdditionalButtonsComponent,
-        SearchAdditionalButtonsNavComponent,
-    ],
-    declarations: [
-        SearchAdditionalButtonsComponent,
-        SearchAdditionalButtonsNavComponent,
-    ],
+    imports: [MatMenuModule, MatIconModule, MatButtonModule, CommonModule, NgbPopoverModule, AngularSvgIconModule],
+    exports: [SearchAdditionalButtonsComponent, SearchAdditionalButtonsNavComponent],
+    declarations: [SearchAdditionalButtonsComponent, SearchAdditionalButtonsNavComponent],
 })
 export class SearchAdditionalButtonsModule {}
diff --git a/src/app/components/search-sidenav/search-sidenav.component.html b/src/app/components/search-sidenav/search-sidenav.component.html
index 807e78e54..f53f7ab0a 100644
--- a/src/app/components/search-sidenav/search-sidenav.component.html
+++ b/src/app/components/search-sidenav/search-sidenav.component.html
@@ -1,8 +1,6 @@
 <nav class="navbar-nav" *ngIf="isMobileView">
     <div class="input-group flex-nowrap searchSidenav" id="searchInput">
-        <span class="input-group-text input-icon" id="addon-wrapping"
-            ><i class="bi bi-search"></i
-        ></span>
+        <span class="input-group-text input-icon" id="addon-wrapping"><i class="bi bi-search"></i></span>
         <input
             type="text"
             data-test-id="searchInput"
diff --git a/src/app/components/search-sidenav/search-sidenav.component.ts b/src/app/components/search-sidenav/search-sidenav.component.ts
index 34e61f072..eb7f67418 100644
--- a/src/app/components/search-sidenav/search-sidenav.component.ts
+++ b/src/app/components/search-sidenav/search-sidenav.component.ts
@@ -1,10 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 
 @Component({
     selector: "app-search-sidenav",
diff --git a/src/app/components/spinner/spinner.interceptor.ts b/src/app/components/spinner/spinner.interceptor.ts
index 8a9e2aa77..fcfe7915d 100644
--- a/src/app/components/spinner/spinner.interceptor.ts
+++ b/src/app/components/spinner/spinner.interceptor.ts
@@ -1,10 +1,5 @@
 import { SpinnerService } from "./spinner.service";
-import {
-    HttpEvent,
-    HttpHandler,
-    HttpInterceptor,
-    HttpRequest,
-} from "@angular/common/http";
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from "@angular/common/http";
 import { Observable } from "rxjs";
 import { finalize } from "rxjs/operators";
 import { environment } from "../../../environments/environment";
@@ -12,18 +7,12 @@ import { environment } from "../../../environments/environment";
 export class SpinnerInterceptor implements HttpInterceptor {
     constructor(private spinnerService: SpinnerService) {}
     timer: NodeJS.Timer;
-    intercept(
-        req: HttpRequest<unknown>,
-        next: HttpHandler,
-    ): Observable<HttpEvent<unknown>> {
+    intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
         if (req.url.includes("/assets")) {
             return next.handle(req);
         }
         clearTimeout(this.timer);
-        this.timer = setTimeout(
-            () => this.spinnerService.show(),
-            environment.delay_http_request_ms,
-        );
+        this.timer = setTimeout(() => this.spinnerService.show(), environment.delay_http_request_ms);
         return next.handle(req).pipe(
             finalize(() => {
                 this.spinnerService.hide();
diff --git a/src/app/components/spinner/spinner.service.spec.ts b/src/app/components/spinner/spinner.service.spec.ts
index eb35666ea..7f135146a 100644
--- a/src/app/components/spinner/spinner.service.spec.ts
+++ b/src/app/components/spinner/spinner.service.spec.ts
@@ -18,9 +18,7 @@ describe("SpinnerService", () => {
         it(`should call _isLoading subject with ${String(expectation)}`, () => {
             const subscription$ = service.isLoading
                 .pipe(first())
-                .subscribe((loading: boolean) =>
-                    expect(loading).toEqual(expectation),
-                );
+                .subscribe((loading: boolean) => expect(loading).toEqual(expectation));
             expectation ? service.show() : service.hide();
             expect(subscription$.closed).toBeTrue();
         });
diff --git a/src/app/components/timeline-component/timeline.component.html b/src/app/components/timeline-component/timeline.component.html
index 949108b7d..619d64bea 100644
--- a/src/app/components/timeline-component/timeline.component.html
+++ b/src/app/components/timeline-component/timeline.component.html
@@ -1,39 +1,20 @@
 <div class="timeline-block">
     <div *ngFor="let block of history">
-        <div
-            class="timeline-block__item timeline-block__item--condensed pt-0 pb-2"
-        >
+        <div class="timeline-block__item timeline-block__item--condensed pt-0 pb-2">
             <div class="timeline-block__item-badge">
                 <svg-icon name="git-commit"></svg-icon>
             </div>
             <div class="timeline-block__body">
-                <ol
-                    class="mt-2 list-unstyled box box--condensed ml-n6 ml-sm-0 position-relative"
-                >
+                <ol class="mt-2 list-unstyled box box--condensed ml-n6 ml-sm-0 position-relative">
                     <li
                         class="box__row box__row--focus-gray mt-0 d-flex"
                         data-url="/kamu-data/kamu-web-ui/commits/75e711dfb8e35335b622f0c56ff59fc3fc7cea7d/commits_list_item"
                     >
                         <div class="flex-auto min-width-0 Details">
-                            <div
-                                class="d-flex align-items-center mt-1"
-                                style="gap: 5px"
-                            >
-                                <mat-icon
-                                    *ngIf="block.event.__typename === 'Seed'"
-                                    >add_circle_outline</mat-icon
-                                >
-                                <mat-icon
-                                    *ngIf="block.event.__typename === 'AddData'"
-                                    >input</mat-icon
-                                >
-                                <mat-icon
-                                    *ngIf="
-                                        block.event.__typename ===
-                                        'ExecuteQuery'
-                                    "
-                                    >call_merge</mat-icon
-                                >
+                            <div class="d-flex align-items-center mt-1" style="gap: 5px">
+                                <mat-icon *ngIf="block.event.__typename === 'Seed'">add_circle_outline</mat-icon>
+                                <mat-icon *ngIf="block.event.__typename === 'AddData'">input</mat-icon>
+                                <mat-icon *ngIf="block.event.__typename === 'ExecuteQuery'">call_merge</mat-icon>
                                 <mat-icon
                                     *ngIf="
                                         [
@@ -50,13 +31,7 @@
                                 >
                                 <a
                                     class="link--primary font-weight-bold"
-                                    (click)="
-                                        navigateToMetadataBlock(
-                                            block.author.name,
-                                            datasetName,
-                                            block.blockHash
-                                        )
-                                    "
+                                    (click)="navigateToMetadataBlock(block.author.name, datasetName, block.blockHash)"
                                     data-test-id="navigate-to-block"
                                     >{{ descriptionForMetadataBlock(block) }}
                                 </a>
@@ -64,10 +39,7 @@
 
                             <div class="d-flex align-items-center mt-1">
                                 <div class="avatar-stack flex-self-start">
-                                    <div
-                                        class="avatar-stack__body"
-                                        aria-label=""
-                                    >
+                                    <div class="avatar-stack__body" aria-label="">
                                         <a
                                             class="avatar avatar-user"
                                             style="width: 20px; height: 20px"
@@ -94,28 +66,19 @@
                                 <div class="f6 color-fg-muted min-width-0">
                                     <a
                                         class="commit-author user-mention"
-                                        [title]="
-                                            'View all commits by ' +
-                                            block.author.name
-                                        "
+                                        [title]="'View all commits by ' + block.author.name"
                                         [routerLink]="['/', block.author.name]"
                                         >{{ block.author.name }}</a
                                     >
 
                                     committed
-                                    <app-display-time
-                                        class="no-wrap"
-                                        [data]="block.systemTime"
-                                    >
-                                    </app-display-time>
+                                    <app-display-time class="no-wrap" [data]="block.systemTime"> </app-display-time>
                                 </div>
                                 <div class="ml-1"></div>
                             </div>
                         </div>
 
-                        <div
-                            class="d-none d-md-flex align-items-center flex-shrink-0"
-                        >
+                        <div class="d-none d-md-flex align-items-center flex-shrink-0">
                             <div>
                                 <button
                                     type="button"
@@ -130,10 +93,7 @@
                                 </button>
                             </div>
 
-                            <div
-                                data-view-component="true"
-                                class="BtnGroup m-4"
-                            >
+                            <div data-view-component="true" class="BtnGroup m-4">
                                 <app-display-hash
                                     [value]="block.blockHash"
                                     [navigationTargetDataset]="{
@@ -141,9 +101,7 @@
                                         datasetName: this.datasetName
                                     }"
                                     [showCopyButton]="true"
-                                    [class]="
-                                        'text-decoration-none text-dark mr-4 hashBlock'
-                                    "
+                                    [class]="'text-decoration-none text-dark mr-4 hashBlock'"
                                 ></app-display-hash>
                             </div>
                             <div data-view-component="true" class="BtnGroup">
@@ -171,16 +129,12 @@
         </div>
         <div class="flex-1">
             This commit was signed with the committer’s
-            <strong class="signed-commit-verified-label"
-                >verified signature</strong
-            >.
+            <strong class="signed-commit-verified-label">verified signature</strong>.
         </div>
     </div>
 </ng-template>
 <ng-template #popContent>
-    <div
-        class="signer-block-info d-grid justify-content-between align-items-center"
-    >
+    <div class="signer-block-info d-grid justify-content-between align-items-center">
         <a class="pe-1" aria-label="sergiimk" href="/sergiimk">
             <img
                 src="https://avatars.githubusercontent.com/u/204914?s=64&amp;v=4"
@@ -189,20 +143,14 @@
             />
         </a>
         <span class="signed-commit-signer-name flex-1">
-            <a
-                class="signer"
-                (click)="navigateToOwnerView('testName')"
-                data-test-id="navigate-to-owner-link"
+            <a class="signer" (click)="navigateToOwnerView('testName')" data-test-id="navigate-to-owner-link"
                 >owner.name</a
             >
             row.owner.name
         </span>
     </div>
     <div class="signed-commit-footer p-1">
-        <span class="d-block"
-            >GPG key ID:
-            <span class="signed-commit-footer__id">7D279F791DB8E4F7</span></span
-        >
+        <span class="d-block">GPG key ID: <span class="signed-commit-footer__id">7D279F791DB8E4F7</span></span>
         <a
             href="https://docs.github.com/github/authenticating-to-github/displaying-verification-statuses-for-all-of-your-commits"
         >
diff --git a/src/app/components/timeline-component/timeline.component.spec.ts b/src/app/components/timeline-component/timeline.component.spec.ts
index b781d94e2..b91c24c72 100644
--- a/src/app/components/timeline-component/timeline.component.spec.ts
+++ b/src/app/components/timeline-component/timeline.component.spec.ts
@@ -2,16 +2,10 @@ import { NgbPopoverModule } from "@ng-bootstrap/ng-bootstrap";
 import { NavigationService } from "src/app/services/navigation.service";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { TimelineComponent } from "./timeline.component";
-import {
-    TEST_DATASET_NAME,
-    mockGetMetadataBlockQuery,
-} from "src/app/api/mock/dataset.mock";
+import { TEST_DATASET_NAME, mockGetMetadataBlockQuery } from "src/app/api/mock/dataset.mock";
 import { mockPageBasedInfo } from "src/app/search/mock.data";
 import { MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
-import {
-    emitClickOnElementByDataTestId,
-    findElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { emitClickOnElementByDataTestId, findElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { DisplayHashModule } from "../display-hash/dispaly-hash.module";
 import { ToastrModule } from "ngx-toastr";
 import { DisplayTimeModule } from "../display-time/display-time.module";
@@ -47,8 +41,7 @@ describe("TimelineComponent", () => {
         component.datasetName = TEST_DATASET_NAME;
         component.pageInfo = mockPageBasedInfo;
         component.history = [
-            mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
-                .blockByHash as MetadataBlockFragment,
+            mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain.blockByHash as MetadataBlockFragment,
         ];
 
         fixture.detectChanges();
@@ -59,27 +52,18 @@ describe("TimelineComponent", () => {
     });
 
     it("should navigate to owner view", () => {
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
         emitClickOnElementByDataTestId(fixture, "button-verified");
         fixture.detectChanges();
 
-        const navigateLink = findElementByDataTestId(
-            fixture,
-            "navigate-to-owner-link",
-        );
+        const navigateLink = findElementByDataTestId(fixture, "navigate-to-owner-link");
         navigateLink.click();
 
         expect(navigateToOwnerViewSpy).toHaveBeenCalledWith("testName");
     });
 
     it("should navigate to metadata block", () => {
-        const navigateToMetadataBlockSpy = spyOn(
-            navigationService,
-            "navigateToMetadataBlock",
-        );
+        const navigateToMetadataBlockSpy = spyOn(navigationService, "navigateToMetadataBlock");
         const params: MetadataBlockNavigationParams = {
             accountName: component.history[0].author.name,
             datasetName: component.datasetName,
diff --git a/src/app/components/timeline-component/timeline.component.ts b/src/app/components/timeline-component/timeline.component.ts
index a4ca5c2e6..c7ccb7545 100644
--- a/src/app/components/timeline-component/timeline.component.ts
+++ b/src/app/components/timeline-component/timeline.component.ts
@@ -1,9 +1,6 @@
 import { NavigationService } from "src/app/services/navigation.service";
 import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
-import {
-    MetadataBlockFragment,
-    PageBasedInfo,
-} from "src/app/api/kamu.graphql.interface";
+import { MetadataBlockFragment, PageBasedInfo } from "src/app/api/kamu.graphql.interface";
 import { DataHelpers } from "src/app/common/data.helpers";
 
 @Component({
@@ -23,11 +20,7 @@ export class TimelineComponent {
         this.navigationService.navigateToOwnerView(ownerName);
     }
 
-    public navigateToMetadataBlock(
-        accountName: string,
-        datasetName: string,
-        blockHash: string,
-    ): void {
+    public navigateToMetadataBlock(accountName: string, datasetName: string, blockHash: string): void {
         this.navigationService.navigateToMetadataBlock({
             accountName,
             datasetName,
diff --git a/src/app/components/toggle/toggle.component.ts b/src/app/components/toggle/toggle.component.ts
index 4160984e9..4d7fefc86 100644
--- a/src/app/components/toggle/toggle.component.ts
+++ b/src/app/components/toggle/toggle.component.ts
@@ -1,10 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 
 @Component({
     selector: "app-toggle",
diff --git a/src/app/dataset-block/metadata-block/block.service.spec.ts b/src/app/dataset-block/metadata-block/block.service.spec.ts
index 983066a12..6231ba07a 100644
--- a/src/app/dataset-block/metadata-block/block.service.spec.ts
+++ b/src/app/dataset-block/metadata-block/block.service.spec.ts
@@ -1,8 +1,5 @@
 import { MetadataBlockFragment } from "./../../api/kamu.graphql.interface";
-import {
-    mockGetMetadataBlockQuery,
-    TEST_BLOCK_HASH,
-} from "./../../api/mock/dataset.mock";
+import { mockGetMetadataBlockQuery, TEST_BLOCK_HASH } from "./../../api/mock/dataset.mock";
 import { Apollo } from "apollo-angular";
 import { TestBed } from "@angular/core/testing";
 
@@ -29,21 +26,16 @@ describe("BlockService", () => {
     });
 
     it("should check get block from api", () => {
-        spyOn(datasetApi, "getBlockByHash").and.returnValue(
-            of(mockGetMetadataBlockQuery),
-        );
+        spyOn(datasetApi, "getBlockByHash").and.returnValue(of(mockGetMetadataBlockQuery));
         const metadataBlockChanges$ = service.onMetadataBlockChanges
             .pipe(first())
             .subscribe((block: MetadataBlockFragment) => {
-                const expectedBlock = mockGetMetadataBlockQuery.datasets
-                    .byOwnerAndName?.metadata.chain
+                const expectedBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
                     .blockByHash as MetadataBlockFragment;
                 expect(block).toEqual(expectedBlock);
             });
 
-        service
-            .requestMetadataBlock(mockDatasetInfo, TEST_BLOCK_HASH)
-            .subscribe();
+        service.requestMetadataBlock(mockDatasetInfo, TEST_BLOCK_HASH).subscribe();
 
         expect(metadataBlockChanges$.closed).toBeTrue();
     });
diff --git a/src/app/dataset-block/metadata-block/block.service.ts b/src/app/dataset-block/metadata-block/block.service.ts
index 84d3248f8..cc97e66a6 100644
--- a/src/app/dataset-block/metadata-block/block.service.ts
+++ b/src/app/dataset-block/metadata-block/block.service.ts
@@ -2,10 +2,7 @@ import { Injectable } from "@angular/core";
 import { Subject, Observable } from "rxjs";
 import { map } from "rxjs/operators";
 import { DatasetApi } from "src/app/api/dataset.api";
-import {
-    GetMetadataBlockQuery,
-    MetadataBlockFragment,
-} from "src/app/api/kamu.graphql.interface";
+import { GetMetadataBlockQuery, MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
 import { DatasetInfo } from "src/app/interface/navigation.interface";
 
 @Injectable({
@@ -14,8 +11,7 @@ import { DatasetInfo } from "src/app/interface/navigation.interface";
 export class BlockService {
     constructor(private datasetApi: DatasetApi) {}
 
-    private metadataBlockChanges$: Subject<MetadataBlockFragment> =
-        new Subject<MetadataBlockFragment>();
+    private metadataBlockChanges$: Subject<MetadataBlockFragment> = new Subject<MetadataBlockFragment>();
 
     public get onMetadataBlockChanges(): Observable<MetadataBlockFragment> {
         return this.metadataBlockChanges$.asObservable();
@@ -25,8 +21,7 @@ export class BlockService {
         this.metadataBlockChanges$.next(block);
     }
 
-    private metadataBlockAsYamlChanges$: Subject<string> =
-        new Subject<string>();
+    private metadataBlockAsYamlChanges$: Subject<string> = new Subject<string>();
 
     public get onMetadataBlockAsYamlChanges(): Observable<string> {
         return this.metadataBlockAsYamlChanges$.asObservable();
@@ -36,17 +31,14 @@ export class BlockService {
         this.metadataBlockAsYamlChanges$.next(block);
     }
 
-    public requestMetadataBlock(
-        info: DatasetInfo,
-        blockHash: string,
-    ): Observable<void> {
+    public requestMetadataBlock(info: DatasetInfo, blockHash: string): Observable<void> {
         return this.datasetApi.getBlockByHash({ ...info, blockHash }).pipe(
             map((data: GetMetadataBlockQuery) => {
                 if (data.datasets.byOwnerAndName) {
-                    const block = data.datasets.byOwnerAndName.metadata.chain
-                        .blockByHash as MetadataBlockFragment;
-                    const blockAsYaml = data.datasets.byOwnerAndName.metadata
-                        .chain.blockByHashEncoded as string | undefined;
+                    const block = data.datasets.byOwnerAndName.metadata.chain.blockByHash as MetadataBlockFragment;
+                    const blockAsYaml = data.datasets.byOwnerAndName.metadata.chain.blockByHashEncoded as
+                        | string
+                        | undefined;
                     this.metadataBlockChanges(block);
                     if (blockAsYaml) {
                         this.metadataBlockAsYamlChanges(blockAsYaml);
diff --git a/src/app/dataset-block/metadata-block/components/block-header/block-header.component.html b/src/app/dataset-block/metadata-block/components/block-header/block-header.component.html
index 75e4f6e40..4f3c26eae 100644
--- a/src/app/dataset-block/metadata-block/components/block-header/block-header.component.html
+++ b/src/app/dataset-block/metadata-block/components/block-header/block-header.component.html
@@ -22,48 +22,23 @@
     </div>
 
     <div class="position-relative border border-1 p-2 rounded-3 mt-4">
-        <span
-            class="position-absolute text-muted group-box-label text-uppercase"
-            >Block header</span
-        >
+        <span class="position-absolute text-muted group-box-label text-uppercase">Block header</span>
         <div class="ms-4">
-            <app-block-row-data
-                tooltip="Represents a transaction that occured on a dataset."
-                label="Event:"
-            >
+            <app-block-row-data tooltip="Represents a transaction that occured on a dataset." label="Event:">
                 <span>{{ block.event.__typename }}</span>
             </app-block-row-data>
-            <app-block-row-data
-                tooltip="Block sequence number starting from tail to head."
-                label="Sequence Number:"
-            >
+            <app-block-row-data tooltip="Block sequence number starting from tail to head." label="Sequence Number:">
                 <span>{{ block.sequenceNumber }}</span>
             </app-block-row-data>
-            <app-block-row-data
-                tooltip="System time when this block was written."
-                label="System Time:"
-            >
-                <app-display-time
-                    class="no-wrap"
-                    [data]="block.systemTime"
-                    [dataTestId]="'time-block-header'"
-                >
+            <app-block-row-data tooltip="System time when this block was written." label="System Time:">
+                <app-display-time class="no-wrap" [data]="block.systemTime" [dataTestId]="'time-block-header'">
                 </app-display-time>
             </app-block-row-data>
-            <app-block-row-data
-                tooltip="Hash sum of the current block."
-                label="Block Hash:"
-            >
-                <app-display-hash
-                    [value]="block.blockHash"
-                    [showCopyButton]="true"
-                ></app-display-hash>
+            <app-block-row-data tooltip="Hash sum of the current block." label="Block Hash:">
+                <app-display-hash [value]="block.blockHash" [showCopyButton]="true"></app-display-hash>
             </app-block-row-data>
 
-            <app-block-row-data
-                tooltip="Hash sum of the preceding block."
-                label="Previous Block Hash:"
-            >
+            <app-block-row-data tooltip="Hash sum of the preceding block." label="Previous Block Hash:">
                 <app-display-hash
                     [value]="block.prevBlockHash"
                     [navigationTargetDataset]="datasetInfo"
diff --git a/src/app/dataset-block/metadata-block/components/block-header/block-header.component.spec.ts b/src/app/dataset-block/metadata-block/components/block-header/block-header.component.spec.ts
index fe2c50cf7..665ee77fb 100644
--- a/src/app/dataset-block/metadata-block/components/block-header/block-header.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/block-header/block-header.component.spec.ts
@@ -15,12 +15,7 @@ describe("BlockHeaderComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [BlockHeaderComponent],
-            imports: [
-                MatMenuModule,
-                MatIconModule,
-                MatDividerModule,
-                SharedTestModule,
-            ],
+            imports: [MatMenuModule, MatIconModule, MatDividerModule, SharedTestModule],
             providers: [Apollo, DatasetApi],
         }).compileComponents();
 
diff --git a/src/app/dataset-block/metadata-block/components/block-header/block-header.component.ts b/src/app/dataset-block/metadata-block/components/block-header/block-header.component.ts
index 223cd895d..cfda0d92c 100644
--- a/src/app/dataset-block/metadata-block/components/block-header/block-header.component.ts
+++ b/src/app/dataset-block/metadata-block/components/block-header/block-header.component.ts
@@ -1,11 +1,6 @@
 import { BaseComponent } from "src/app/common/base.component";
 import { MetadataBlockFragment } from "./../../../../api/kamu.graphql.interface";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, OnInit } from "@angular/core";
 import { Observable } from "rxjs";
 import { DatasetInfo } from "src/app/interface/navigation.interface";
 import { BlockService } from "../../block.service";
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.html b/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.html
index 66d2432aa..947837b73 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.html
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.html
@@ -26,24 +26,13 @@
             [(ngModel)]="eventTypeFilters"
         >
         </ng-multiselect-dropdown>
-        <mat-icon
-            *ngIf="!eventTypeFilters.length"
-            class="fs-5 text-muted position-list-icon"
-            >list_alt</mat-icon
-        >
+        <mat-icon *ngIf="!eventTypeFilters.length" class="fs-5 text-muted position-list-icon">list_alt</mat-icon>
     </div>
     <div class="d-flex flex-column gap-4" *ngIf="datasetHistory">
         <ng-container
-            *ngIf="
-                datasetHistory.history
-                    | eventTypeFilter: eventTypeFilters
-                    | blockHashFilter: searchHash as result
-            "
+            *ngIf="datasetHistory.history | eventTypeFilter: eventTypeFilters | blockHashFilter: searchHash as result"
         >
-            <div
-                *ngFor="let block of result"
-                class="d-flex lh-lg align-items-center justify-content-between"
-            >
+            <div *ngFor="let block of result" class="d-flex lh-lg align-items-center justify-content-between">
                 <div class="flex-grow-1 no-wrap lh-1">
                     <mat-icon class="d-inline align-middle fs-4">tag</mat-icon>
                     <app-display-hash
@@ -51,15 +40,9 @@
                         [navigationTargetDataset]="datasetInfo"
                         [showCopyButton]="false"
                     ></app-display-hash>
-                    <div
-                        [innerHTML]="highlightHash(block.blockHash, searchHash)"
-                        class="ms-4 fs-10 text-muted"
-                    ></div>
+                    <div [innerHTML]="highlightHash(block.blockHash, searchHash)" class="ms-4 fs-10 text-muted"></div>
                 </div>
-                <div
-                    class="me-4 align-self-baseline"
-                    *ngIf="currentBlockHash === block.blockHash"
-                >
+                <div class="me-4 align-self-baseline" *ngIf="currentBlockHash === block.blockHash">
                     <span class="badge bg-success">current</span>
                 </div>
                 <div class="">
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.spec.ts b/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.spec.ts
index 3e05f2465..2ebac141e 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.spec.ts
@@ -5,10 +5,7 @@ import { FormsModule } from "@angular/forms";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { BlockNavigationComponent } from "./block-navigation.component";
 import { NgMultiSelectDropDownModule } from "ng-multiselect-dropdown";
-import {
-    dispatchInputEvent,
-    findElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { dispatchInputEvent, findElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { PaginationModule } from "src/app/components/pagination-component/pagination.module";
 import { MatIconModule } from "@angular/material/icon";
 import { DisplayHashModule } from "src/app/components/display-hash/dispaly-hash.module";
@@ -22,11 +19,7 @@ describe("BlockNavigationComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                BlockNavigationComponent,
-                BlockHashFilterPipe,
-                EventTypeFilterPipe,
-            ],
+            declarations: [BlockNavigationComponent, BlockHashFilterPipe, EventTypeFilterPipe],
             imports: [
                 FormsModule,
                 NgMultiSelectDropDownModule,
@@ -61,10 +54,7 @@ describe("BlockNavigationComponent", () => {
 
     it("should check calls highlightHash method", () => {
         const testSearchHash = "zW1";
-        const highlightHashSpy = spyOn(
-            component,
-            "highlightHash",
-        ).and.callThrough();
+        const highlightHashSpy = spyOn(component, "highlightHash").and.callThrough();
         component.datasetHistory = mockHistoryUpdate;
 
         dispatchInputEvent(fixture, "searchHash", testSearchHash);
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.ts b/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.ts
index 6d5465d90..c91d23503 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.ts
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/block-navigation.component.ts
@@ -1,12 +1,6 @@
 import { DatasetHistoryUpdate } from "./../../../../dataset-view/dataset.subscriptions.interface";
 import { SupportedEvents } from "./../event-details/supported.events";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { DatasetInfo } from "src/app/interface/navigation.interface";
 import { MaybeNull } from "src/app/common/app.types";
 import { IDropdownSettings } from "ng-multiselect-dropdown";
@@ -35,10 +29,7 @@ export class BlockNavigationComponent {
     };
 
     public highlightHash(hash: string, searchHash: string): string {
-        return hash.replace(
-            searchHash,
-            `<span class="bg-warning fs-10">${searchHash}</span>`,
-        );
+        return hash.replace(searchHash, `<span class="bg-warning fs-10">${searchHash}</span>`);
     }
 
     public onPageChange(currentPage: number): void {
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.spec.ts b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.spec.ts
index 1530815a1..3a1965382 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.spec.ts
@@ -10,15 +10,12 @@ describe("BlockHashFilterPipe", () => {
     });
 
     it("should check pipe when search filter is empty", () => {
-        const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-            ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+            .blockByHash as MetadataBlockFragment;
         const mockBlocks: MetadataBlockFragment[] = [block];
         const defaultSearchFilter = "";
 
-        const result: MetadataBlockFragment[] = pipe.transform(
-            mockBlocks,
-            defaultSearchFilter,
-        );
+        const result: MetadataBlockFragment[] = pipe.transform(mockBlocks, defaultSearchFilter);
 
         expect(result).toEqual(mockBlocks);
     });
@@ -27,18 +24,13 @@ describe("BlockHashFilterPipe", () => {
         { searchFilter: "zW1", match: true },
         { searchFilter: "zW1qqqqqqqq", match: false },
     ].forEach(({ searchFilter, match }) => {
-        it(`should check pipe when search filter is ${
-            match ? "" : "not"
-        }matches part of the hash`, () => {
-            const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-                ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        it(`should check pipe when search filter is ${match ? "" : "not"}matches part of the hash`, () => {
+            const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+                .blockByHash as MetadataBlockFragment;
             const mockBlocks: MetadataBlockFragment[] = [block];
             const defaultSearchFilter = searchFilter;
 
-            const result: MetadataBlockFragment[] = pipe.transform(
-                mockBlocks,
-                defaultSearchFilter,
-            );
+            const result: MetadataBlockFragment[] = pipe.transform(mockBlocks, defaultSearchFilter);
 
             expect(result).toEqual(match ? mockBlocks : []);
         });
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.ts b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.ts
index 735bce782..371b389da 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.ts
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/block-hash-filter.pipe.ts
@@ -5,13 +5,8 @@ import { MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
     name: "blockHashFilter",
 })
 export class BlockHashFilterPipe implements PipeTransform {
-    transform(
-        blocks: MetadataBlockFragment[],
-        filter: string,
-    ): MetadataBlockFragment[] {
+    transform(blocks: MetadataBlockFragment[], filter: string): MetadataBlockFragment[] {
         if (filter === "") return blocks;
-        return blocks.filter((block: MetadataBlockFragment) =>
-            (block.blockHash as string).includes(filter),
-        );
+        return blocks.filter((block: MetadataBlockFragment) => (block.blockHash as string).includes(filter));
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.spec.ts b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.spec.ts
index dffd988d6..9889ccb7b 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.spec.ts
@@ -10,15 +10,12 @@ describe("EventTypeFilterPipe", () => {
     });
 
     it("should check pipe when event filter is empty", () => {
-        const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-            ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+            .blockByHash as MetadataBlockFragment;
         const mockBlocks: MetadataBlockFragment[] = [block];
         const defaultEventFilter = [] as string[];
 
-        const result: MetadataBlockFragment[] = pipe.transform(
-            mockBlocks,
-            defaultEventFilter,
-        );
+        const result: MetadataBlockFragment[] = pipe.transform(mockBlocks, defaultEventFilter);
 
         expect(result).toEqual(mockBlocks);
     });
@@ -27,18 +24,13 @@ describe("EventTypeFilterPipe", () => {
         { eventFilter: "ExecuteQuery", match: true },
         { enventFilter: "SetLicense", match: false },
     ].forEach(({ eventFilter, match }) => {
-        it(`should check pipe when event filter is ${
-            match ? "" : "not"
-        }matches type of event`, () => {
-            const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-                ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        it(`should check pipe when event filter is ${match ? "" : "not"}matches type of event`, () => {
+            const block = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+                .blockByHash as MetadataBlockFragment;
             const mockBlocks: MetadataBlockFragment[] = [block];
             const defaultEventFilter: string[] = [eventFilter] as string[];
 
-            const result: MetadataBlockFragment[] = pipe.transform(
-                mockBlocks,
-                defaultEventFilter,
-            );
+            const result: MetadataBlockFragment[] = pipe.transform(mockBlocks, defaultEventFilter);
 
             expect(result).toEqual(match ? mockBlocks : []);
         });
@@ -48,10 +40,7 @@ describe("EventTypeFilterPipe", () => {
         const mockBlocks: MetadataBlockFragment[] = mockHistoryUpdate.history;
         const defaultEventFilter = ["AddData", "SetInfo"];
 
-        const result: MetadataBlockFragment[] = pipe.transform(
-            mockBlocks,
-            defaultEventFilter,
-        );
+        const result: MetadataBlockFragment[] = pipe.transform(mockBlocks, defaultEventFilter);
 
         expect(result).toEqual(mockBlocks);
     });
diff --git a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.ts b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.ts
index b02b11ac8..6d92251ba 100644
--- a/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.ts
+++ b/src/app/dataset-block/metadata-block/components/block-navigation/pipes/event-type-filter.pipe.ts
@@ -5,20 +5,13 @@ import { MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
     name: "eventTypeFilter",
 })
 export class EventTypeFilterPipe implements PipeTransform {
-    transform(
-        blocks: MetadataBlockFragment[],
-        filters: string[],
-    ): MetadataBlockFragment[] {
+    transform(blocks: MetadataBlockFragment[], filters: string[]): MetadataBlockFragment[] {
         if (!filters.length) {
             return blocks;
         } else {
             const result = [] as MetadataBlockFragment[];
             filters.forEach((filter: string) =>
-                result.push(
-                    ...blocks.filter(
-                        (block) => block.event.__typename === filter,
-                    ),
-                ),
+                result.push(...blocks.filter((block) => block.event.__typename === filter)),
             );
             return result;
         }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.spec.ts
index 3da6c06b4..276699991 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.spec.ts
@@ -64,10 +64,7 @@ describe("AddDataEventComponent", () => {
     });
 
     it("should check onChanges hook call", () => {
-        const spyNgOnChanges = spyOn(
-            component,
-            "ngOnChanges",
-        ).and.callThrough();
+        const spyNgOnChanges = spyOn(component, "ngOnChanges").and.callThrough();
         fixture.detectChanges();
         component.ngOnChanges(mockSimpleChanges);
         expect(spyNgOnChanges).toHaveBeenCalledTimes(1);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.ts
index 42f7dfeb9..f27e52671 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/add-data-event/add-data-event.component.ts
@@ -1,11 +1,5 @@
 import { AddData } from "./../../../../../../api/kamu.graphql.interface";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    OnChanges,
-    OnInit,
-    SimpleChanges,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, OnChanges, OnInit, SimpleChanges } from "@angular/core";
 import { BaseDynamicEventComponent } from "../base-dynamic-event/base-dynamic-event.component";
 import { SECTION_BUILDERS_BY_EVENT_TYPE } from "../../dynamic-events/builders/event-section.builders";
 
@@ -15,10 +9,7 @@ import { SECTION_BUILDERS_BY_EVENT_TYPE } from "../../dynamic-events/builders/ev
     styleUrls: ["../base-dynamic-event/base-dynamic-event.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class AddDataEventComponent
-    extends BaseDynamicEventComponent<AddData>
-    implements OnChanges, OnInit
-{
+export class AddDataEventComponent extends BaseDynamicEventComponent<AddData> implements OnChanges, OnInit {
     public ngOnChanges(changes: SimpleChanges): void {
         if (!changes.event.firstChange) {
             this.buildSections();
@@ -30,9 +21,6 @@ export class AddDataEventComponent
     }
 
     private buildSections(): void {
-        this.eventSections =
-            SECTION_BUILDERS_BY_EVENT_TYPE.AddData.buildEventSections(
-                this.event,
-            );
+        this.eventSections = SECTION_BUILDERS_BY_EVENT_TYPE.AddData.buildEventSections(this.event);
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.html
index 9e469df2d..e22ed8498 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.html
@@ -1,42 +1,25 @@
 <ng-container>
     <div class="d-flex flex-column gap-4 mt-4">
-        <div
-            class="position-relative border border-1 p-2 rounded-3"
-            *ngFor="let section of eventSections"
-        >
-            <span
-                class="position-absolute text-muted group-box-label text-uppercase"
-                >{{ section.title }}</span
-            >
+        <div class="position-relative border border-1 p-2 rounded-3" *ngFor="let section of eventSections">
+            <span class="position-absolute text-muted group-box-label text-uppercase">{{ section.title }}</span>
             <div class="mx-4">
                 <ng-container *ngFor="let row of section.rows">
                     <app-block-row-data
-                        *ngIf="
-                            !row.descriptor.separateRowForValue;
-                            else templateSeparateRow
-                        "
+                        *ngIf="!row.descriptor.separateRowForValue; else templateSeparateRow"
                         [tooltip]="row.descriptor.tooltip"
                         [label]="row.descriptor.label"
                     >
                         <ng-template #container></ng-template>
                     </app-block-row-data>
                     <ng-template #templateSeparateRow>
-                        <app-block-row-data
-                            [tooltip]="row.descriptor.tooltip"
-                            [label]="row.descriptor.label"
-                        >
+                        <app-block-row-data [tooltip]="row.descriptor.tooltip" [label]="row.descriptor.label">
                         </app-block-row-data>
                         <ng-template #container></ng-template>
                     </ng-template>
                 </ng-container>
                 <ng-container *ngIf="!section.rows.length">
-                    <p
-                        class="text-center mt-2"
-                        data-test-id="unsupported-section"
-                    >
-                        <mat-icon class="text-danger align-middle"
-                            >block</mat-icon
-                        >
+                    <p class="text-center mt-2" data-test-id="unsupported-section">
+                        <mat-icon class="text-danger align-middle">block</mat-icon>
                         <span>Unsupported section</span>
                     </p>
                 </ng-container>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.ts
index 487b99606..80dbd30b5 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/base-dynamic-event/base-dynamic-event.component.ts
@@ -9,10 +9,7 @@ import {
     ComponentRef,
     AfterViewChecked,
 } from "@angular/core";
-import {
-    EventRow,
-    EventSection,
-} from "../../dynamic-events/dynamic-events.model";
+import { EventRow, EventSection } from "../../dynamic-events/dynamic-events.model";
 import { BasePropertyComponent } from "../common/base-property/base-property.component";
 
 @Component({
@@ -21,9 +18,7 @@ import { BasePropertyComponent } from "../common/base-property/base-property.com
     styleUrls: ["./base-dynamic-event.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class BaseDynamicEventComponent<TEvent extends object>
-    implements AfterViewChecked
-{
+export class BaseDynamicEventComponent<TEvent extends object> implements AfterViewChecked {
     @Input() public event: TEvent;
     @ViewChildren("container", { read: ViewContainerRef })
     container: QueryList<ViewContainerRef>;
@@ -41,12 +36,9 @@ export class BaseDynamicEventComponent<TEvent extends object>
             });
         this.container.forEach((vcr: ViewContainerRef, index: number) => {
             vcr.clear();
-            componentRef = vcr.createComponent<BasePropertyComponent>(
-                rows[index].descriptor.presentationComponent,
-            );
+            componentRef = vcr.createComponent<BasePropertyComponent>(rows[index].descriptor.presentationComponent);
             componentRef.setInput("data", rows[index].value);
-            componentRef.instance.dataTestId =
-                rows[index].descriptor.dataTestId;
+            componentRef.instance.dataTestId = rows[index].descriptor.dataTestId;
             componentRef.changeDetectorRef.detectChanges();
         });
     }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.spec.ts
index 98fd03e1c..0a7dbf271 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.spec.ts
@@ -44,10 +44,7 @@ describe("BlockIntervalPropertyComponent", () => {
     });
 
     it("should sheck call requestDatasetInfoById from datasetSevice in ngOnInit", () => {
-        const requestDatasetInfoByIdSpy = spyOn(
-            datasetSevice,
-            "requestDatasetInfoById",
-        ).and.returnValue(
+        const requestDatasetInfoByIdSpy = spyOn(datasetSevice, "requestDatasetInfoById").and.returnValue(
             of({
                 __typename: "Query",
                 datasets: {
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.ts
index 9a37222b1..4d4084a40 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/block-interval-property/block-interval-property.component.ts
@@ -1,15 +1,7 @@
 import { DatasetInfo } from "./../../../../../../../interface/navigation.interface";
-import {
-    BlockInterval,
-    DatasetByIdQuery,
-} from "./../../../../../../../api/kamu.graphql.interface";
+import { BlockInterval, DatasetByIdQuery } from "./../../../../../../../api/kamu.graphql.interface";
 import { BasePropertyComponent } from "src/app/dataset-block/metadata-block/components/event-details/components/common/base-property/base-property.component";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, OnInit } from "@angular/core";
 import { DatasetService } from "src/app/dataset-view/dataset.service";
 
 @Component({
@@ -18,10 +10,7 @@ import { DatasetService } from "src/app/dataset-view/dataset.service";
     styleUrls: ["./block-interval-property.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class BlockIntervalPropertyComponent
-    extends BasePropertyComponent
-    implements OnInit
-{
+export class BlockIntervalPropertyComponent extends BasePropertyComponent implements OnInit {
     @Input() public data: { block: BlockInterval; datasetId: string };
     public datasetInfo: DatasetInfo = { accountName: "", datasetName: "" };
 
@@ -31,16 +20,12 @@ export class BlockIntervalPropertyComponent
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.datasetSevice
-                .requestDatasetInfoById(this.data.datasetId)
-                .subscribe((dataset: DatasetByIdQuery) => {
-                    if (dataset.datasets.byId) {
-                        this.datasetInfo.accountName =
-                            dataset.datasets.byId.owner.name;
-                        this.datasetInfo.datasetName = dataset.datasets.byId
-                            .name as string;
-                    }
-                }),
+            this.datasetSevice.requestDatasetInfoById(this.data.datasetId).subscribe((dataset: DatasetByIdQuery) => {
+                if (dataset.datasets.byId) {
+                    this.datasetInfo.accountName = dataset.datasets.byId.owner.name;
+                    this.datasetInfo.datasetName = dataset.datasets.byId.name as string;
+                }
+            }),
         );
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.html
index 855c27f30..bb12d8e77 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.html
@@ -1,6 +1 @@
-<a
-    class="name"
-    [attr.data-test-id]="dataTestId"
-    (click)="navigateToDatasetView()"
-    >{{ datasetInfo.datasetName }}</a
->
+<a class="name" [attr.data-test-id]="dataTestId" (click)="navigateToDatasetView()">{{ datasetInfo.datasetName }}</a>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.spec.ts
index b646f9960..cf0987add 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.spec.ts
@@ -37,10 +37,7 @@ describe("DatasetIdAndNamePropertyComponent", () => {
     });
 
     it("should check call requestDatasetInfoById from datasetSevice in ngOnInit", () => {
-        const requestDatasetInfoByIdSpy = spyOn(
-            datasetSevice,
-            "requestDatasetInfoById",
-        ).and.returnValue(
+        const requestDatasetInfoByIdSpy = spyOn(datasetSevice, "requestDatasetInfoById").and.returnValue(
             of({
                 __typename: "Query",
                 datasets: {
@@ -54,13 +51,8 @@ describe("DatasetIdAndNamePropertyComponent", () => {
     });
 
     it("should check navigate to dataset view", () => {
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         component.navigateToDatasetView();
-        expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(
-            jasmine.objectContaining(testDatasetInfo),
-        );
+        expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(jasmine.objectContaining(testDatasetInfo));
     });
 });
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.ts
index 6e10a4bdc..b942c15da 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-by-id-property/dataset-name-by-id-property.component.ts
@@ -1,11 +1,5 @@
 import { BasePropertyComponent } from "src/app/dataset-block/metadata-block/components/event-details/components/common/base-property/base-property.component";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from "@angular/core";
 import { DatasetService } from "src/app/dataset-view/dataset.service";
 import { DatasetByIdQuery } from "src/app/api/kamu.graphql.interface";
 import { DatasetInfo } from "src/app/interface/navigation.interface";
@@ -18,10 +12,7 @@ import { NavigationService } from "src/app/services/navigation.service";
     styleUrls: ["./dataset-name-by-id-property.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DatasetNameByIdPropertyComponent
-    extends BasePropertyComponent
-    implements OnInit
-{
+export class DatasetNameByIdPropertyComponent extends BasePropertyComponent implements OnInit {
     @Input() public data: string;
     public datasetInfo: DatasetInfo = { accountName: "", datasetName: "" };
 
@@ -35,17 +26,13 @@ export class DatasetNameByIdPropertyComponent
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.datasetSevice
-                .requestDatasetInfoById(this.data)
-                .subscribe((dataset: DatasetByIdQuery) => {
-                    if (dataset.datasets.byId) {
-                        this.datasetInfo.accountName =
-                            dataset.datasets.byId.owner.name;
-                        this.datasetInfo.datasetName = dataset.datasets.byId
-                            .name as string;
-                        this.cdr.detectChanges();
-                    }
-                }),
+            this.datasetSevice.requestDatasetInfoById(this.data).subscribe((dataset: DatasetByIdQuery) => {
+                if (dataset.datasets.byId) {
+                    this.datasetInfo.accountName = dataset.datasets.byId.owner.name;
+                    this.datasetInfo.datasetName = dataset.datasets.byId.name as string;
+                    this.cdr.detectChanges();
+                }
+            }),
         );
     }
 
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.html
index cc0152953..7eeb6dc62 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.html
@@ -1,6 +1 @@
-<a
-    class="name"
-    [attr.data-test-id]="dataTestId"
-    (click)="navigateToDatasetView()"
-    >{{ data.datasetName }}</a
->
+<a class="name" [attr.data-test-id]="dataTestId" (click)="navigateToDatasetView()">{{ data.datasetName }}</a>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.spec.ts
index a408b14d1..4b80ad974 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/dataset-name-property/dataset-name-property.component.spec.ts
@@ -27,10 +27,7 @@ describe("DatasetNamePropertyComponent", () => {
     });
 
     it("should check navigate to datset page", () => {
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         component.navigateToDatasetView();
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith({
             accountName: component.data.owner,
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/engine-property/engine-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/engine-property/engine-property.component.html
index aa1d9214e..c3cf2ef71 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/engine-property/engine-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/engine-property/engine-property.component.html
@@ -5,7 +5,5 @@
         [src]="descriptionEngine.url_logo"
         [alt]="descriptionEngine.label"
     />
-    <span [attr.data-test-id]="dataTestId"
-        >({{ descriptionEngine.label }})</span
-    >
+    <span [attr.data-test-id]="dataTestId">({{ descriptionEngine.label }})</span>
 </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.spec.ts
index d8261e354..1d2091328 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.spec.ts
@@ -10,10 +10,7 @@ describe("EnvVariablesPropertyComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                EnvVariablesPropertyComponent,
-                DynamicTableComponent,
-            ],
+            declarations: [EnvVariablesPropertyComponent, DynamicTableComponent],
             imports: [MatTableModule, SharedTestModule],
         }).compileComponents();
 
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.ts
index 3f32525f9..1bd64dba3 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/env-variables-property/env-variables-property.component.ts
@@ -15,9 +15,7 @@ export class EnvVariablesPropertyComponent extends BasePropertyComponent {
 
     public get tableSource(): DataRow[] {
         const result: DataRow[] = [];
-        this.data.forEach(({ name, value }: EnvVar) =>
-            result.push({ name, value: value ? value : "null" }),
-        );
+        this.data.forEach(({ name, value }: EnvVar) => result.push({ name, value: value ? value : "null" }));
         return result;
     }
 
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/event-time-property/event-time-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/event-time-property/event-time-property.component.html
index 60ddd2308..5b150b668 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/event-time-property/event-time-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/event-time-property/event-time-property.component.html
@@ -3,15 +3,8 @@
 </div>
 <div *ngIf="isFromPath">
     <p>From path</p>
-    <p *ngIf="data.__typename === 'EventTimeSourceFromPath' && data.pattern">
-        Pattern: {{ data.pattern }}
-    </p>
-    <p
-        *ngIf="
-            data.__typename === 'EventTimeSourceFromPath' &&
-            data.timestampFormat
-        "
-    >
+    <p *ngIf="data.__typename === 'EventTimeSourceFromPath' && data.pattern">Pattern: {{ data.pattern }}</p>
+    <p *ngIf="data.__typename === 'EventTimeSourceFromPath' && data.timestampFormat">
         Timestamp format: {{ data.timestampFormat }}
     </p>
 </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/hash-property/hash-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/hash-property/hash-property.component.spec.ts
index f197ff304..64da0b1b2 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/hash-property/hash-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/hash-property/hash-property.component.spec.ts
@@ -11,11 +11,7 @@ describe("HashPropertyComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [HashPropertyComponent],
-            imports: [
-                DisplayHashModule,
-                ToastrModule.forRoot(),
-                SharedTestModule,
-            ],
+            imports: [DisplayHashModule, ToastrModule.forRoot(), SharedTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(HashPropertyComponent);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/link-property/link-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/link-property/link-property.component.html
index 7aec5a056..0d3cfda63 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/link-property/link-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/link-property/link-property.component.html
@@ -1,7 +1 @@
-<a
-    class="text-break name"
-    [href]="data"
-    [title]="data"
-    [attr.data-test-id]="dataTestId"
-    >{{ data }}</a
->
+<a class="text-break name" [href]="data" [title]="data" [attr.data-test-id]="dataTestId">{{ data }}</a>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/merge-strategy-property/merge-strategy-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/merge-strategy-property/merge-strategy-property.component.html
index 0f6e7e549..b401f6205 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/merge-strategy-property/merge-strategy-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/merge-strategy-property/merge-strategy-property.component.html
@@ -5,7 +5,5 @@
         [src]="descriptionMergeStrategy.url_logo"
         [alt]="descriptionMergeStrategy.name"
     />
-    <span [attr.data-test-id]="dataTestId"
-        >({{ descriptionMergeStrategy.name }})</span
-    >
+    <span [attr.data-test-id]="dataTestId">({{ descriptionMergeStrategy.name }})</span>
 </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.html
index 19d373d75..15f975706 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.html
@@ -2,16 +2,12 @@
     <div class="me-4">
         <span class="bg-value">
             start:
-            <span [attr.data-test-id]="dataTestId + '-start'">{{
-                data.block.start
-            }}</span>
+            <span [attr.data-test-id]="dataTestId + '-start'">{{ data.block.start }}</span>
         </span>
         &nbsp; &nbsp;
         <span class="bg-value">
             end:
-            <span [attr.data-test-id]="dataTestId + '-end'">{{
-                data.block.end
-            }}</span>
+            <span [attr.data-test-id]="dataTestId + '-end'">{{ data.block.end }}</span>
         </span>
     </div>
     <div class="flex-grow-1">
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.spec.ts
index 4be1835f0..c3a11bb90 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.spec.ts
@@ -36,10 +36,7 @@ describe("OffsetIntervalPropertyComponent", () => {
 
     it("should check call requestDatasetInfoById from datasetSevice in ngOnInit", () => {
         fixture.detectChanges();
-        const requestDatasetInfoByIdSpy = spyOn(
-            datasetSevice,
-            "requestDatasetInfoById",
-        ).and.returnValue(
+        const requestDatasetInfoByIdSpy = spyOn(datasetSevice, "requestDatasetInfoById").and.returnValue(
             of({
                 __typename: "Query",
                 datasets: {
@@ -58,10 +55,7 @@ describe("OffsetIntervalPropertyComponent", () => {
             datasetId: null,
         }),
             fixture.detectChanges();
-        const navigateToQuerySpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToQuerySpy = spyOn(navigationService, "navigateToDatasetView");
         component.navigateToQuery();
         expect(navigateToQuerySpy).toHaveBeenCalledTimes(1);
     });
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.ts
index a5a6a9271..685ddf749 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/offset-interval-property/offset-interval-property.component.ts
@@ -1,12 +1,7 @@
 import { DatasetByIdQuery } from "./../../../../../../../api/kamu.graphql.interface";
 import { NavigationService } from "./../../../../../../../services/navigation.service";
 import { BasePropertyComponent } from "src/app/dataset-block/metadata-block/components/event-details/components/common/base-property/base-property.component";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, OnInit } from "@angular/core";
 import { OffsetInterval } from "src/app/api/kamu.graphql.interface";
 import { DatasetInfo } from "src/app/interface/navigation.interface";
 import { DatasetViewTypeEnum } from "src/app/dataset-view/dataset-view.interface";
@@ -18,19 +13,13 @@ import { DatasetService } from "src/app/dataset-view/dataset.service";
     styleUrls: ["./offset-interval-property.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class OffsetIntervalPropertyComponent
-    extends BasePropertyComponent
-    implements OnInit
-{
+export class OffsetIntervalPropertyComponent extends BasePropertyComponent implements OnInit {
     @Input() public data: {
         block: OffsetInterval;
         datasetId: string | null;
     };
     private datasetInfo: DatasetInfo = { accountName: "", datasetName: "" };
-    constructor(
-        private navigationService: NavigationService,
-        private datasetSevice: DatasetService,
-    ) {
+    constructor(private navigationService: NavigationService, private datasetSevice: DatasetService) {
         super();
     }
     ngOnInit(): void {
@@ -40,10 +29,8 @@ export class OffsetIntervalPropertyComponent
                     .requestDatasetInfoById(this.data.datasetId)
                     .subscribe((dataset: DatasetByIdQuery) => {
                         if (dataset.datasets.byId) {
-                            this.datasetInfo.accountName =
-                                dataset.datasets.byId.owner.name;
-                            this.datasetInfo.datasetName = dataset.datasets.byId
-                                .name as string;
+                            this.datasetInfo.accountName = dataset.datasets.byId.owner.name;
+                            this.datasetInfo.datasetName = dataset.datasets.byId.name as string;
                         }
                     }),
             );
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/owner-property/owner-property.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/owner-property/owner-property.component.spec.ts
index 0b15727ba..bb29a4288 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/owner-property/owner-property.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/owner-property/owner-property.component.spec.ts
@@ -27,10 +27,7 @@ describe("OwnerPropertyComponent", () => {
     });
 
     it("should check navigate to owner page", () => {
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
         const name = component.data.name;
         component.showOwner();
         expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(name);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/separator-property/separator-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/separator-property/separator-property.component.html
index 40d1e6168..ad5336e2d 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/separator-property/separator-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/separator-property/separator-property.component.html
@@ -1,5 +1,3 @@
 <q class="fs-5">
-    <span class="fs-4" [attr.data-test-id]="dataTestId">{{
-        data ? data : defaultSeparator
-    }}</span>
+    <span class="fs-4" [attr.data-test-id]="dataTestId">{{ data ? data : defaultSeparator }}</span>
 </q>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/simple-property/simple-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/simple-property/simple-property.component.html
index 22a521fab..e1028e10a 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/simple-property/simple-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/simple-property/simple-property.component.html
@@ -1,3 +1 @@
-<span [class]="class ? class : 'text-break'" [attr.data-test-id]="dataTestId">{{
-    data
-}}</span>
+<span [class]="class ? class : 'text-break'" [attr.data-test-id]="dataTestId">{{ data }}</span>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/time-property/time-property.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/common/time-property/time-property.component.html
index dbd97e169..fea5c2dca 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/time-property/time-property.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/time-property/time-property.component.html
@@ -1,2 +1 @@
-<app-display-time class="no-wrap" [data]="data" [dataTestId]="dataTestId!">
-</app-display-time>
+<app-display-time class="no-wrap" [data]="data" [dataTestId]="dataTestId!"> </app-display-time>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/common/yaml-event-viewer/yaml-event-viewer.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/common/yaml-event-viewer/yaml-event-viewer.component.spec.ts
index c93c278e5..89a34a575 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/common/yaml-event-viewer/yaml-event-viewer.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/common/yaml-event-viewer/yaml-event-viewer.component.spec.ts
@@ -12,9 +12,7 @@ describe("YamlEventViewerComponent with SetTransform", () => {
             schemas: [NO_ERRORS_SCHEMA],
         }).compileComponents();
 
-        fixture = TestBed.createComponent<YamlEventViewerComponent>(
-            YamlEventViewerComponent,
-        );
+        fixture = TestBed.createComponent<YamlEventViewerComponent>(YamlEventViewerComponent);
         component = fixture.componentInstance;
         component.event = "test";
         fixture.detectChanges();
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/execute-query-event/execute-query-event.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/execute-query-event/execute-query-event.component.ts
index 72e74cd59..7e61509aa 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/execute-query-event/execute-query-event.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/execute-query-event/execute-query-event.component.ts
@@ -9,14 +9,8 @@ import { BaseDynamicEventComponent } from "../base-dynamic-event/base-dynamic-ev
     styleUrls: ["../base-dynamic-event/base-dynamic-event.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ExecuteQueryEventComponent
-    extends BaseDynamicEventComponent<ExecuteQuery>
-    implements OnInit
-{
+export class ExecuteQueryEventComponent extends BaseDynamicEventComponent<ExecuteQuery> implements OnInit {
     ngOnInit(): void {
-        this.eventSections =
-            SECTION_BUILDERS_BY_EVENT_TYPE.ExecuteQuery.buildEventSections(
-                this.event,
-            );
+        this.eventSections = SECTION_BUILDERS_BY_EVENT_TYPE.ExecuteQuery.buildEventSections(this.event);
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.html
index 5cbec4ca9..640515c0a 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.html
@@ -1,15 +1,8 @@
 <div class="position-relative border border-1 p-2 rounded-3">
-    <span class="position-absolute text-muted group-box-label text-uppercase"
-        >Dataset info</span
-    >
+    <span class="position-absolute text-muted group-box-label text-uppercase">Dataset info</span>
     <div class="ms-4">
-        <app-block-row-data
-            tooltip="Unique identity of the dataset."
-            label="Id:"
-        >
-            <span class="fs-12 font-monospace text-break">{{
-                event.datasetId
-            }}</span>
+        <app-block-row-data tooltip="Unique identity of the dataset." label="Id:">
+            <span class="fs-12 font-monospace text-break">{{ event.datasetId }}</span>
             <button
                 (click)="copyToClipboard(event.datasetId)"
                 class="btn btn-sm btn-gray clipboard-btn ms-2"
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.spec.ts
index 1158ce421..0b0f2c467 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.spec.ts
@@ -1,8 +1,5 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import {
-    findElementByDataTestId,
-    emitClickOnElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { findElementByDataTestId, emitClickOnElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { mockSeed } from "../../mock.events";
 
 import { SeedEventComponent } from "./seed-event.component";
@@ -21,11 +18,7 @@ describe("SeedEventComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SeedEventComponent,
-                BlockRowDataComponent,
-                TooltipIconComponent,
-            ],
+            declarations: [SeedEventComponent, BlockRowDataComponent, TooltipIconComponent],
             imports: [
                 ToastrModule.forRoot(),
                 BrowserAnimationsModule,
@@ -47,10 +40,7 @@ describe("SeedEventComponent", () => {
     });
 
     it("should check copyToClipboard button is exist", () => {
-        const copyToClipboardButton = findElementByDataTestId(
-            fixture,
-            "copyToClipboardId",
-        );
+        const copyToClipboardButton = findElementByDataTestId(fixture, "copyToClipboardId");
         expect(copyToClipboardButton).toBeDefined();
     });
 
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.ts
index c4ced3cdf..d17ce3c58 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/seed-event/seed-event.component.ts
@@ -13,10 +13,7 @@ import { Clipboard } from "@angular/cdk/clipboard";
 export class SeedEventComponent {
     @Input() public event: Seed;
 
-    constructor(
-        private clipboard: Clipboard,
-        private toastService: ToastrService,
-    ) {}
+    constructor(private clipboard: Clipboard, private toastService: ToastrService) {}
 
     public datasetKind(kind: DatasetKind): string {
         return DataHelpers.capitalizeFirstLetter(kind);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-attachments-event/set-attachments-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/set-attachments-event/set-attachments-event.component.html
index 8c1afbc59..3c6ec1733 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-attachments-event/set-attachments-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-attachments-event/set-attachments-event.component.html
@@ -2,31 +2,17 @@
     class="position-relative border border-1 p-2 rounded-3"
     *ngFor="let item of event.attachments.items; let i = index"
 >
-    <span class="position-absolute text-muted group-box-label text-uppercase"
-        >Attachment#{{ i + 1 }}
-    </span>
+    <span class="position-absolute text-muted group-box-label text-uppercase">Attachment#{{ i + 1 }} </span>
     <div class="mx-4">
-        <app-block-row-data
-            [tooltip]="
-                'Path to an attachment if it was materialized into a file.'
-            "
-            [label]="'Path:'"
-        >
+        <app-block-row-data [tooltip]="'Path to an attachment if it was materialized into a file.'" [label]="'Path:'">
             <span>{{ item.path }}</span>
         </app-block-row-data>
     </div>
 
     <div class="mx-4">
-        <app-block-row-data
-            [tooltip]="'Content of the attachment.'"
-            [label]="'Content:'"
-        >
-        </app-block-row-data>
+        <app-block-row-data [tooltip]="'Content of the attachment.'" [label]="'Content:'"> </app-block-row-data>
         <div class="position-relative border border-1 p-4 mb-4 rounded-3">
-            <markdown
-                class="variable-binding text-break"
-                [data]="item.content"
-            ></markdown>
+            <markdown class="variable-binding text-break" [data]="item.content"></markdown>
         </div>
     </div>
 </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.html
index 115a65109..674f71500 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.html
@@ -2,23 +2,16 @@
     *ngIf="event.description || event.keywords?.length; else noInformation"
     class="position-relative border border-1 p-2 rounded-3"
 >
-    <span class="position-absolute text-muted group-box-label text-uppercase"
-        >Information</span
-    >
+    <span class="position-absolute text-muted group-box-label text-uppercase">Information</span>
     <div class="mx-4" *ngIf="event.description">
-        <app-block-row-data
-            [tooltip]="'Brief single-sentence summary of a dataset.'"
-            [label]="'Description:'"
-        >
+        <app-block-row-data [tooltip]="'Brief single-sentence summary of a dataset.'" [label]="'Description:'">
             <span>{{ event.description }}</span>
         </app-block-row-data>
     </div>
 
     <div class="mx-4" *ngIf="event.keywords">
         <app-block-row-data
-            [tooltip]="
-                'Keywords, search terms, or tags used to describe the dataset.'
-            "
+            [tooltip]="'Keywords, search terms, or tags used to describe the dataset.'"
             [label]="'Keywords:'"
         >
             <app-cards-property [data]="event.keywords"></app-cards-property>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.spec.ts
index b0c2477c0..e95faccf1 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-info-event/set-info-event.component.spec.ts
@@ -14,12 +14,7 @@ describe("SetInfoEventComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SetInfoEventComponent,
-                CardsPropertyComponent,
-                BlockRowDataComponent,
-                TooltipIconComponent,
-            ],
+            declarations: [SetInfoEventComponent, CardsPropertyComponent, BlockRowDataComponent, TooltipIconComponent],
             imports: [MatIconModule, NgbTooltipModule, SharedTestModule],
         }).compileComponents();
 
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-license-event/set-license-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/set-license-event/set-license-event.component.html
index 0348f4286..1fd7fd34a 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-license-event/set-license-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-license-event/set-license-event.component.html
@@ -1,39 +1,25 @@
 <div *ngIf="event" class="position-relative border border-1 p-2 rounded-3">
-    <span class="position-absolute text-muted group-box-label text-uppercase"
-        >License</span
-    >
+    <span class="position-absolute text-muted group-box-label text-uppercase">License</span>
     <div class="mx-4">
-        <app-block-row-data
-            [tooltip]="'Unique identifier of the license.'"
-            [label]="'ID:'"
-        >
+        <app-block-row-data [tooltip]="'Unique identifier of the license.'" [label]="'ID:'">
             <span>{{ event.shortName }}</span>
         </app-block-row-data>
     </div>
 
     <div class="mx-4">
-        <app-block-row-data
-            [tooltip]="'Full name of the license.'"
-            [label]="'Name:'"
-        >
+        <app-block-row-data [tooltip]="'Full name of the license.'" [label]="'Name:'">
             <span> {{ event.name }}</span>
         </app-block-row-data>
     </div>
 
     <div class="mx-4" *ngIf="event.spdxId">
-        <app-block-row-data
-            [tooltip]="'License identifier from the SPDX License List.'"
-            [label]="'SPDX ID:'"
-        >
+        <app-block-row-data [tooltip]="'License identifier from the SPDX License List.'" [label]="'SPDX ID:'">
             <span> {{ event.spdxId }}</span>
         </app-block-row-data>
     </div>
 
     <div class="mx-4">
-        <app-block-row-data
-            [tooltip]="'Link to the official website.'"
-            [label]="'Website:'"
-        >
+        <app-block-row-data [tooltip]="'Link to the official website.'" [label]="'Website:'">
             <app-link-property [data]="event.websiteUrl"></app-link-property>
         </app-block-row-data>
     </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.spec.ts
index 7f574fdb1..d3cd98816 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.spec.ts
@@ -1,7 +1,4 @@
-import {
-    FetchStepUrl,
-    PrepStepDecompress,
-} from "./../../../../../../api/kamu.graphql.interface";
+import { FetchStepUrl, PrepStepDecompress } from "./../../../../../../api/kamu.graphql.interface";
 import { findElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { CardsPropertyComponent } from "./../common/cards-property/cards-property.component";
 import { NO_ERRORS_SCHEMA } from "@angular/core";
@@ -57,74 +54,40 @@ describe("SetPollingSourceEventComponent", () => {
     });
 
     it("should check render event data", () => {
-        const url = findElementByDataTestId(
-            fixture,
-            "setPollingSource-fetchStepUrl-url",
-        );
-        expect(url.innerText).toEqual(
-            (mockSetPollingSourceEvent.fetch as FetchStepUrl).url,
-        );
+        const url = findElementByDataTestId(fixture, "setPollingSource-fetchStepUrl-url");
+        expect(url.innerText).toEqual((mockSetPollingSourceEvent.fetch as FetchStepUrl).url);
 
-        const schema = findElementByDataTestId(
-            fixture,
-            "setPollingSource-readStepCsv-schema",
-        );
+        const schema = findElementByDataTestId(fixture, "setPollingSource-readStepCsv-schema");
         expect(schema).toBeDefined();
 
-        const header = findElementByDataTestId(
-            fixture,
-            "setPollingSource-readStepCsv-header",
-        );
+        const header = findElementByDataTestId(fixture, "setPollingSource-readStepCsv-header");
         expect(Boolean(header.innerText)).toEqual(true);
 
-        const mergeStrategyType = findElementByDataTestId(
-            fixture,
-            "setPollingSource-mergeStrategyLedger-__typename",
-        );
+        const mergeStrategyType = findElementByDataTestId(fixture, "setPollingSource-mergeStrategyLedger-__typename");
         expect(mergeStrategyType.textContent).toEqual("(Ledger strategy)");
 
-        const primaryKey = findElementByDataTestId(
-            fixture,
-            "setPollingSource-mergeStrategyLedger-primaryKey-0",
-        );
+        const primaryKey = findElementByDataTestId(fixture, "setPollingSource-mergeStrategyLedger-primaryKey-0");
         expect(primaryKey.textContent).toEqual("id ");
 
-        const engine = findElementByDataTestId(
-            fixture,
-            "setPollingSource-transformSql-engine",
-        );
+        const engine = findElementByDataTestId(fixture, "setPollingSource-transformSql-engine");
         expect(engine.textContent).toEqual("(Apache Spark)");
 
-        const queries = findElementByDataTestId(
-            fixture,
-            "setPollingSource-transformSql-queries",
-        );
+        const queries = findElementByDataTestId(fixture, "setPollingSource-transformSql-queries");
         expect(queries).toBeDefined();
 
-        const prepareFormat = findElementByDataTestId(
-            fixture,
-            "setPollingSource-prepStepDecompress-format",
-        );
+        const prepareFormat = findElementByDataTestId(fixture, "setPollingSource-prepStepDecompress-format");
         expect(prepareFormat.textContent).toEqual(
-            (mockSetPollingSourceEvent.prepare as PrepStepDecompress[])[0]
-                .format,
+            (mockSetPollingSourceEvent.prepare as PrepStepDecompress[])[0].format,
         );
 
-        const prepareSubPath = findElementByDataTestId(
-            fixture,
-            "setPollingSource-prepStepDecompress-subPath",
-        );
+        const prepareSubPath = findElementByDataTestId(fixture, "setPollingSource-prepStepDecompress-subPath");
         expect(prepareSubPath.textContent).toEqual(
-            (mockSetPollingSourceEvent.prepare as PrepStepDecompress[])[0]
-                .subPath ?? "",
+            (mockSetPollingSourceEvent.prepare as PrepStepDecompress[])[0].subPath ?? "",
         );
     });
 
     it("should check render unsupported section", () => {
-        const unsupportedSection = findElementByDataTestId(
-            fixture,
-            "unsupported-section",
-        );
+        const unsupportedSection = findElementByDataTestId(fixture, "unsupported-section");
         expect(unsupportedSection).toBeDefined();
     });
 });
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.ts
index 17b6e679c..3bdedbf26 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-polling-source-event/set-polling-source-event.component.ts
@@ -9,14 +9,8 @@ import { SECTION_BUILDERS_BY_EVENT_TYPE } from "../../dynamic-events/builders/ev
     styleUrls: ["../base-dynamic-event/base-dynamic-event.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SetPollingSourceEventComponent
-    extends BaseDynamicEventComponent<SetPollingSource>
-    implements OnInit
-{
+export class SetPollingSourceEventComponent extends BaseDynamicEventComponent<SetPollingSource> implements OnInit {
     ngOnInit(): void {
-        this.eventSections =
-            SECTION_BUILDERS_BY_EVENT_TYPE.SetPollingSource.buildEventSections(
-                this.event,
-            );
+        this.eventSections = SECTION_BUILDERS_BY_EVENT_TYPE.SetPollingSource.buildEventSections(this.event);
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-transform-event/set-transform-event.component.ts b/src/app/dataset-block/metadata-block/components/event-details/components/set-transform-event/set-transform-event.component.ts
index 217a6c2a6..2aab9ed43 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-transform-event/set-transform-event.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-transform-event/set-transform-event.component.ts
@@ -10,14 +10,8 @@ import { SECTION_BUILDERS_BY_EVENT_TYPE } from "../../dynamic-events/builders/ev
     styleUrls: ["../base-dynamic-event/base-dynamic-event.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SetTransformEventComponent
-    extends BaseDynamicEventComponent<SetTransform>
-    implements OnInit
-{
+export class SetTransformEventComponent extends BaseDynamicEventComponent<SetTransform> implements OnInit {
     ngOnInit(): void {
-        this.eventSections =
-            SECTION_BUILDERS_BY_EVENT_TYPE.SetTransform.buildEventSections(
-                this.event,
-            );
+        this.eventSections = SECTION_BUILDERS_BY_EVENT_TYPE.SetTransform.buildEventSections(this.event);
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.html
index a1bdd7714..91b92aa78 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.html
@@ -1,35 +1,18 @@
 <div *ngIf="event" class="position-relative border border-1 p-2 rounded-3">
-    <span class="position-absolute text-muted group-box-label text-uppercase"
-        >Information</span
-    >
+    <span class="position-absolute text-muted group-box-label text-uppercase">Information</span>
     <div class="mx-4" *ngIf="event.systemTimeColumn">
-        <app-block-row-data
-            [tooltip]="'Name of the system time column.'"
-            [label]="'System time column:'"
-        >
-            <app-cards-property
-                [data]="[event.systemTimeColumn]"
-            ></app-cards-property>
+        <app-block-row-data [tooltip]="'Name of the system time column.'" [label]="'System time column:'">
+            <app-cards-property [data]="[event.systemTimeColumn]"></app-cards-property>
         </app-block-row-data>
     </div>
     <div class="mx-4" *ngIf="event.eventTimeColumn">
-        <app-block-row-data
-            [tooltip]="'Name of the event time column.'"
-            [label]="'Event time column:'"
-        >
-            <app-cards-property
-                [data]="[event.eventTimeColumn]"
-            ></app-cards-property>
+        <app-block-row-data [tooltip]="'Name of the event time column.'" [label]="'Event time column:'">
+            <app-cards-property [data]="[event.eventTimeColumn]"></app-cards-property>
         </app-block-row-data>
     </div>
     <div class="mx-4" *ngIf="event.offsetColumn">
-        <app-block-row-data
-            [tooltip]="'Name of the offset column.'"
-            [label]="'Offset column:'"
-        >
-            <app-cards-property
-                [data]="[event.offsetColumn]"
-            ></app-cards-property>
+        <app-block-row-data [tooltip]="'Name of the offset column.'" [label]="'Offset column:'">
+            <app-cards-property [data]="[event.offsetColumn]"></app-cards-property>
         </app-block-row-data>
     </div>
 </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.spec.ts
index 9771506b2..348593cb4 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-vocab-event/set-vocab-event.component.spec.ts
@@ -14,12 +14,7 @@ describe("SetVocabEventComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SetVocabEventComponent,
-                CardsPropertyComponent,
-                BlockRowDataComponent,
-                TooltipIconComponent,
-            ],
+            declarations: [SetVocabEventComponent, CardsPropertyComponent, BlockRowDataComponent, TooltipIconComponent],
             imports: [MatIconModule, NgbTooltipModule, SharedTestModule],
         }).compileComponents();
 
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.html b/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.html
index fc3160cda..2a8d44c74 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.html
@@ -1,12 +1,7 @@
 <div *ngIf="event" class="position-relative border border-1 p-2 rounded-3">
-    <span class="position-absolute text-muted group-box-label text-uppercase"
-        >Output watermark</span
-    >
+    <span class="position-absolute text-muted group-box-label text-uppercase">Output watermark</span>
     <div class="mx-4">
-        <app-block-row-data
-            [tooltip]="'Last watermark of the output data stream.'"
-            [label]="'Watermark:'"
-        >
+        <app-block-row-data [tooltip]="'Last watermark of the output data stream.'" [label]="'Watermark:'">
             <app-display-time [data]="event.outputWatermark"></app-display-time>
         </app-block-row-data>
     </div>
diff --git a/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.spec.ts
index 02fcde74d..78d880283 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/components/set-watermark-event/set-watermark-event.component.spec.ts
@@ -15,17 +15,8 @@ describe("SetWatermarkEventComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SetWatermarkEventComponent,
-                BlockRowDataComponent,
-                TooltipIconComponent,
-            ],
-            imports: [
-                DisplayTimeModule,
-                MatIconModule,
-                NgbTooltipModule,
-                SharedTestModule,
-            ],
+            declarations: [SetWatermarkEventComponent, BlockRowDataComponent, TooltipIconComponent],
+            imports: [DisplayTimeModule, MatIconModule, NgbTooltipModule, SharedTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(SetWatermarkEventComponent);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/config-editor.events.ts b/src/app/dataset-block/metadata-block/components/event-details/config-editor.events.ts
index f487844cb..15c07f642 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/config-editor.events.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/config-editor.events.ts
@@ -1,11 +1,10 @@
 import * as monaco from "monaco-editor";
-export const sqlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions =
-    {
-        theme: "vs",
-        language: "sql",
-        renderLineHighlight: "none",
-        minimap: {
-            enabled: false,
-        },
-        scrollBeyondLastLine: false,
-    };
+export const sqlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions = {
+    theme: "vs",
+    language: "sql",
+    renderLineHighlight: "none",
+    minimap: {
+        enabled: false,
+    },
+    scrollBeyondLastLine: false,
+};
diff --git a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/add-data-section.builder.ts b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/add-data-section.builder.ts
index 59215edf7..8f2309a23 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/add-data-section.builder.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/add-data-section.builder.ts
@@ -25,36 +25,26 @@ export class AddDataSectionBuilder extends EventSectionBuilder<AddData> {
                     case AddDataSection.OUTPUT_CHECKPOINT: {
                         result.push({
                             title: this.sectionTitleMapper[section],
-                            rows: this.buildEventRows(
-                                event,
-                                ADD_DATA_SOURCE_DESCRIPTORS,
-                                section,
-                                false,
-                            ),
+                            rows: this.buildEventRows(event, ADD_DATA_SOURCE_DESCRIPTORS, section, false),
                         });
                         break;
                     }
 
                     case AddDataSection.OUTPUT_DATA: {
                         const rows: EventRow[] = [];
-                        Object.entries(data as DataSlice).forEach(
-                            ([key, value]) => {
-                                if (event.__typename && key !== "__typename") {
-                                    rows.push(
-                                        this.buildSupportedRow(
-                                            event.__typename,
-                                            ADD_DATA_SOURCE_DESCRIPTORS,
-                                            "DataSlice",
-                                            key,
-                                            this.valueTransformMapper(
-                                                key as keyof DataSlice,
-                                                value,
-                                            ),
-                                        ),
-                                    );
-                                }
-                            },
-                        );
+                        Object.entries(data as DataSlice).forEach(([key, value]) => {
+                            if (event.__typename && key !== "__typename") {
+                                rows.push(
+                                    this.buildSupportedRow(
+                                        event.__typename,
+                                        ADD_DATA_SOURCE_DESCRIPTORS,
+                                        "DataSlice",
+                                        key,
+                                        this.valueTransformMapper(key as keyof DataSlice, value),
+                                    ),
+                                );
+                            }
+                        });
                         result.push({
                             title: this.sectionTitleMapper[section],
                             rows,
@@ -94,10 +84,7 @@ export class AddDataSectionBuilder extends EventSectionBuilder<AddData> {
         return result;
     }
 
-    private valueTransformMapper(
-        key: keyof DataSlice,
-        value: unknown,
-    ): unknown {
+    private valueTransformMapper(key: keyof DataSlice, value: unknown): unknown {
         switch (key) {
             case "interval":
                 return {
diff --git a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builder.ts b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builder.ts
index 5681d1f35..b1aeda40e 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builder.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builder.ts
@@ -13,9 +13,7 @@ export interface GenericDynamicEventType extends Record<string, unknown> {
 
 type GenericEventSectionType = Record<string, unknown>;
 
-export abstract class EventSectionBuilder<
-    TEvent extends GenericDynamicEventType,
-> {
+export abstract class EventSectionBuilder<TEvent extends GenericDynamicEventType> {
     private readonly UNSUPPORTED_ROW_DESCRIPTOR: EventRowDescriptor = {
         label: "",
         tooltip: "Unsupported value",
@@ -33,20 +31,10 @@ export abstract class EventSectionBuilder<
         allowTypenameKey: boolean,
     ): EventRow[] {
         const rows: EventRow[] = [];
-        const sectionObject: GenericEventSectionType = event[
-            section
-        ] as GenericEventSectionType;
+        const sectionObject: GenericEventSectionType = event[section] as GenericEventSectionType;
         Object.entries(sectionObject).forEach(([key, value]) => {
             if (value && (key !== "__typename" || allowTypenameKey)) {
-                rows.push(
-                    this.buildEventRow(
-                        event,
-                        rowDescriptors,
-                        sectionObject,
-                        key,
-                        value,
-                    ),
-                );
+                rows.push(this.buildEventRow(event, rowDescriptors, sectionObject, key, value));
             }
         });
 
@@ -63,17 +51,9 @@ export abstract class EventSectionBuilder<
         const eventType = event.__typename;
         if (event.__typename && eventType && "__typename" in sectionObject) {
             const sectionType = sectionObject.__typename as string;
-            const keyExists = Object.keys(rowDescriptors).includes(
-                `${eventType}.${sectionType}.${key}`,
-            );
+            const keyExists = Object.keys(rowDescriptors).includes(`${eventType}.${sectionType}.${key}`);
             if (keyExists) {
-                return this.buildSupportedRow(
-                    event.__typename,
-                    rowDescriptors,
-                    sectionType,
-                    key,
-                    value,
-                );
+                return this.buildSupportedRow(event.__typename, rowDescriptors, sectionType, key, value);
             } else {
                 return this.buildUnsupportedRow(key, value);
             }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builders.ts b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builders.ts
index 4adf3cbfe..fcb7e0a31 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builders.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/event-section.builders.ts
@@ -1,7 +1,4 @@
-import {
-    EventSectionBuilder,
-    GenericDynamicEventType,
-} from "./event-section.builder";
+import { EventSectionBuilder, GenericDynamicEventType } from "./event-section.builder";
 
 import { SetPollingSourceSectionBuilder } from "./set-polling-source-section.builder";
 import { SetTransformSectionBuilder } from "./set-transform-section.builder";
@@ -9,10 +6,7 @@ import { DynamicEventTypes } from "../dynamic-events.model";
 import { ExecuteQuerySectionBuilder } from "./execute-query.section.builder";
 import { AddDataSectionBuilder } from "./add-data-section.builder";
 
-export const SECTION_BUILDERS_BY_EVENT_TYPE: Record<
-    DynamicEventTypes,
-    EventSectionBuilder<GenericDynamicEventType>
-> = {
+export const SECTION_BUILDERS_BY_EVENT_TYPE: Record<DynamicEventTypes, EventSectionBuilder<GenericDynamicEventType>> = {
     [DynamicEventTypes.SetPollingSource]: new SetPollingSourceSectionBuilder(),
     [DynamicEventTypes.SetTransform]: new SetTransformSectionBuilder(),
     [DynamicEventTypes.ExecuteQuery]: new ExecuteQuerySectionBuilder(),
diff --git a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/execute-query.section.builder.ts b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/execute-query.section.builder.ts
index 89837016d..7b1374c37 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/execute-query.section.builder.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/execute-query.section.builder.ts
@@ -1,8 +1,4 @@
-import {
-    DataSlice,
-    ExecuteQuery,
-    InputSlice,
-} from "src/app/api/kamu.graphql.interface";
+import { DataSlice, ExecuteQuery, InputSlice } from "src/app/api/kamu.graphql.interface";
 import { EXECUTE_QUERY_SOURCE_DESCRIPTORS } from "../../components/execute-query-event/execute-query-event.source";
 import { EventRow, EventSection } from "../dynamic-events.model";
 import { EventSectionBuilder } from "./event-section.builder";
@@ -42,24 +38,19 @@ export class ExecuteQuerySectionBuilder extends EventSectionBuilder<ExecuteQuery
                     }
                     case ExecuteQuerySection.QUERY_OUTPUT_DATA: {
                         const rows: EventRow[] = [];
-                        Object.entries(data as DataSlice).forEach(
-                            ([key, value]) => {
-                                if (event.__typename && key !== "__typename") {
-                                    rows.push(
-                                        this.buildSupportedRow(
-                                            event.__typename,
-                                            EXECUTE_QUERY_SOURCE_DESCRIPTORS,
-                                            "DataSlice",
-                                            key,
-                                            this.valueTransformMapper(
-                                                key as keyof DataSlice,
-                                                value,
-                                            ),
-                                        ),
-                                    );
-                                }
-                            },
-                        );
+                        Object.entries(data as DataSlice).forEach(([key, value]) => {
+                            if (event.__typename && key !== "__typename") {
+                                rows.push(
+                                    this.buildSupportedRow(
+                                        event.__typename,
+                                        EXECUTE_QUERY_SOURCE_DESCRIPTORS,
+                                        "DataSlice",
+                                        key,
+                                        this.valueTransformMapper(key as keyof DataSlice, value),
+                                    ),
+                                );
+                            }
+                        });
                         result.push({
                             title: this.sectionTitleMapper[section],
                             rows,
@@ -94,32 +85,21 @@ export class ExecuteQuerySectionBuilder extends EventSectionBuilder<ExecuteQuery
                                 id: item.datasetId as string,
                                 ...item,
                             }).forEach(([key, value]) => {
-                                if (
-                                    event.__typename &&
-                                    item.__typename &&
-                                    key !== "__typename"
-                                ) {
+                                if (event.__typename && item.__typename && key !== "__typename") {
                                     rows.push(
                                         this.buildSupportedRow(
                                             event.__typename,
                                             EXECUTE_QUERY_SOURCE_DESCRIPTORS,
                                             item.__typename,
                                             key,
-                                            this.valueTransformMapper(
-                                                key as keyof InputSlice,
-                                                value,
-                                                item,
-                                            ),
+                                            this.valueTransformMapper(key as keyof InputSlice, value, item),
                                         ),
                                     );
                                 }
                             });
                             result.push({
                                 title:
-                                    this.sectionTitleMapper[section] +
-                                    (numInputSlicesParts > 1
-                                        ? `#${index + 1}`
-                                        : ""),
+                                    this.sectionTitleMapper[section] + (numInputSlicesParts > 1 ? `#${index + 1}` : ""),
                                 rows,
                             });
                             rows = [];
diff --git a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-polling-source-section.builder.ts b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-polling-source-section.builder.ts
index a5955c82a..e7a065993 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-polling-source-section.builder.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-polling-source-section.builder.ts
@@ -20,12 +20,7 @@ export class SetPollingSourceSectionBuilder extends EventSectionBuilder<SetPolli
                             section === SetPollingSourceSection.FETCH;
                         result.push({
                             title: section,
-                            rows: this.buildEventRows(
-                                event,
-                                SET_POLLING_SOURCE_DESCRIPTORS,
-                                section,
-                                allowTypenameKey,
-                            ),
+                            rows: this.buildEventRows(event, SET_POLLING_SOURCE_DESCRIPTORS, section, allowTypenameKey),
                         });
                         break;
                     }
@@ -36,11 +31,7 @@ export class SetPollingSourceSectionBuilder extends EventSectionBuilder<SetPolli
                             event.prepare.forEach((item, index) => {
                                 const rows: EventRow[] = [];
                                 Object.entries(item).forEach(([key, value]) => {
-                                    if (
-                                        key !== "__typename" &&
-                                        item.__typename &&
-                                        event.__typename
-                                    ) {
+                                    if (key !== "__typename" && item.__typename && event.__typename) {
                                         rows.push(
                                             this.buildSupportedRow(
                                                 event.__typename,
@@ -53,11 +44,7 @@ export class SetPollingSourceSectionBuilder extends EventSectionBuilder<SetPolli
                                     }
                                 });
                                 result.push({
-                                    title:
-                                        section +
-                                        (numPrepareParts > 1
-                                            ? `#${index + 1}`
-                                            : ""),
+                                    title: section + (numPrepareParts > 1 ? `#${index + 1}` : ""),
                                     rows,
                                 });
                             });
diff --git a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-transform-section.builder.ts b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-transform-section.builder.ts
index 0b4a1c724..951ad33b2 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-transform-section.builder.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/dynamic-events/builders/set-transform-section.builder.ts
@@ -1,8 +1,5 @@
 import { Dataset } from "./../../../../../../api/kamu.graphql.interface";
-import {
-    SetTransform,
-    TransformInput,
-} from "src/app/api/kamu.graphql.interface";
+import { SetTransform, TransformInput } from "src/app/api/kamu.graphql.interface";
 import { EventSectionBuilder } from "./event-section.builder";
 import { SET_TRANSFORM_SOURCE_DESCRIPTORS } from "../../components/set-transform-event/set-transform-event.source";
 import { EventRow, EventSection } from "../dynamic-events.model";
@@ -21,12 +18,7 @@ export class SetTransformSectionBuilder extends EventSectionBuilder<SetTransform
                     case SetTransformSection.TRANSFORM: {
                         result.push({
                             title: section,
-                            rows: this.buildEventRows(
-                                event,
-                                SET_TRANSFORM_SOURCE_DESCRIPTORS,
-                                section,
-                                false,
-                            ),
+                            rows: this.buildEventRows(event, SET_TRANSFORM_SOURCE_DESCRIPTORS, section, false),
                         });
                         break;
                     }
@@ -46,30 +38,20 @@ export class SetTransformSectionBuilder extends EventSectionBuilder<SetTransform
                                       alias: item.name as string,
                                   };
                             Object.entries(object).forEach(([key, value]) => {
-                                if (
-                                    event.__typename &&
-                                    item.dataset.__typename &&
-                                    key !== "__typename"
-                                ) {
+                                if (event.__typename && item.dataset.__typename && key !== "__typename") {
                                     rows.push(
                                         this.buildSupportedRow(
                                             event.__typename,
                                             SET_TRANSFORM_SOURCE_DESCRIPTORS,
                                             item.dataset.__typename,
                                             key,
-                                            this.valueTransformMapper(
-                                                key as keyof Dataset,
-                                                value,
-                                                item,
-                                            ),
+                                            this.valueTransformMapper(key as keyof Dataset, value, item),
                                         ),
                                     );
                                 }
                             });
                             result.push({
-                                title:
-                                    section +
-                                    (numInputsParts > 1 ? `#${index + 1}` : ""),
+                                title: section + (numInputsParts > 1 ? `#${index + 1}` : ""),
                                 rows,
                             });
                         });
@@ -90,11 +72,7 @@ export class SetTransformSectionBuilder extends EventSectionBuilder<SetTransform
         return kind.slice(0, 1) + kind.slice(1).toLowerCase();
     }
 
-    private valueTransformMapper(
-        key: keyof Dataset,
-        value: unknown,
-        inputItem: TransformInput,
-    ): unknown {
+    private valueTransformMapper(key: keyof Dataset, value: unknown, inputItem: TransformInput): unknown {
         switch (key) {
             case "kind":
                 return this.kindDatasetCapitalize(value as string);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/event-details.component.html b/src/app/dataset-block/metadata-block/components/event-details/event-details.component.html
index 6fcb1dd53..67a0500b1 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/event-details.component.html
+++ b/src/app/dataset-block/metadata-block/components/event-details/event-details.component.html
@@ -4,9 +4,7 @@
     </ng-container>
 
     <ng-container *ngIf="isSetPollingSourceEvent">
-        <app-set-polling-source-event
-            [event]="setPollingSourceEvent"
-        ></app-set-polling-source-event>
+        <app-set-polling-source-event [event]="setPollingSourceEvent"></app-set-polling-source-event>
     </ng-container>
 
     <ng-container *ngIf="isSeedEvent">
@@ -14,27 +12,19 @@
     </ng-container>
 
     <ng-container *ngIf="isSetTransformEvent">
-        <app-set-transform-event
-            [event]="setTransformEvent"
-        ></app-set-transform-event>
+        <app-set-transform-event [event]="setTransformEvent"></app-set-transform-event>
     </ng-container>
 
     <ng-container *ngIf="isExecuteQueryEvent">
-        <app-execute-query-event
-            [event]="executeQueryEvent"
-        ></app-execute-query-event>
+        <app-execute-query-event [event]="executeQueryEvent"></app-execute-query-event>
     </ng-container>
 
     <ng-container *ngIf="isSetLicenseEvent">
-        <app-set-license-event
-            [event]="setLicenseEvent"
-        ></app-set-license-event>
+        <app-set-license-event [event]="setLicenseEvent"></app-set-license-event>
     </ng-container>
 
     <ng-container *ngIf="isSetAttachmentsEvent">
-        <app-set-attachments-event
-            [event]="setAttachmentsEvent"
-        ></app-set-attachments-event>
+        <app-set-attachments-event [event]="setAttachmentsEvent"></app-set-attachments-event>
     </ng-container>
 
     <ng-container *ngIf="isSetInfoEvent">
@@ -46,9 +36,7 @@
     </ng-container>
 
     <ng-container *ngIf="isSetWatermarkEvent">
-        <app-set-watermark-event
-            [event]="setWatermarkEvent"
-        ></app-set-watermark-event>
+        <app-set-watermark-event [event]="setWatermarkEvent"></app-set-watermark-event>
     </ng-container>
 
     <ng-container *ngIf="!isSupportedEvent">
diff --git a/src/app/dataset-block/metadata-block/components/event-details/event-details.component.spec.ts b/src/app/dataset-block/metadata-block/components/event-details/event-details.component.spec.ts
index 6654af155..a14b82d19 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/event-details.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/event-details.component.spec.ts
@@ -17,10 +17,7 @@ describe("EventDetailsComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                EventDetailsComponent,
-                SetPollingSourceEventComponent,
-            ],
+            declarations: [EventDetailsComponent, SetPollingSourceEventComponent],
             imports: [SharedTestModule],
             providers: [Apollo, DatasetApi],
             schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -37,24 +34,20 @@ describe("EventDetailsComponent", () => {
     });
 
     it("should check #OnInit", () => {
-        const blockFragment = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-            ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        const blockFragment = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+            .blockByHash as MetadataBlockFragment;
         blockService.metadataBlockChanges(blockFragment);
-        spyOnProperty(component, "addDataEvent", "get").and.returnValue(
-            blockFragment.event as AddDataEventFragment,
-        );
+        spyOnProperty(component, "addDataEvent", "get").and.returnValue(blockFragment.event as AddDataEventFragment);
 
         component.ngOnInit();
 
         expect(component.block).toEqual(blockFragment);
-        expect(component.addDataEvent).toBe(
-            blockFragment.event as AddDataEventFragment,
-        );
+        expect(component.addDataEvent).toBe(blockFragment.event as AddDataEventFragment);
     });
 
     it("should check onMetadataBlockChanges subscribe", () => {
-        const mockBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-            ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        const mockBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+            .blockByHash as MetadataBlockFragment;
         blockService.metadataBlockChanges(mockBlock);
         component.ngOnInit();
         expect(component.block).toEqual(mockBlock);
diff --git a/src/app/dataset-block/metadata-block/components/event-details/event-details.component.ts b/src/app/dataset-block/metadata-block/components/event-details/event-details.component.ts
index f379f609d..d2d2ce0cf 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/event-details.component.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/event-details.component.ts
@@ -11,13 +11,7 @@ import {
     SetWatermark,
 } from "./../../../../api/kamu.graphql.interface";
 import { SupportedEvents } from "./supported.events";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from "@angular/core";
 import { MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
 import { BaseComponent } from "src/app/common/base.component";
 import { BlockService } from "../../block.service";
@@ -33,17 +27,12 @@ export class EventDetailsComponent extends BaseComponent implements OnInit {
     public block: MetadataBlockFragment;
     @Input() public datasetInfo: DatasetInfo;
 
-    constructor(
-        private blockService: BlockService,
-        private cdr: ChangeDetectorRef,
-    ) {
+    constructor(private blockService: BlockService, private cdr: ChangeDetectorRef) {
         super();
     }
 
     public get isSupportedEvent(): boolean {
-        return Object.keys(SupportedEvents).includes(
-            this.block.event.__typename,
-        );
+        return Object.keys(SupportedEvents).includes(this.block.event.__typename);
     }
 
     public get isAddDataEvent(): boolean {
@@ -128,12 +117,10 @@ export class EventDetailsComponent extends BaseComponent implements OnInit {
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.blockService.onMetadataBlockChanges.subscribe(
-                (block: MetadataBlockFragment) => {
-                    this.block = block;
-                    this.cdr.detectChanges();
-                },
-            ),
+            this.blockService.onMetadataBlockChanges.subscribe((block: MetadataBlockFragment) => {
+                this.block = block;
+                this.cdr.detectChanges();
+            }),
         );
     }
 }
diff --git a/src/app/dataset-block/metadata-block/components/event-details/mock.events.ts b/src/app/dataset-block/metadata-block/components/event-details/mock.events.ts
index 1744ab1a6..ff40023d0 100644
--- a/src/app/dataset-block/metadata-block/components/event-details/mock.events.ts
+++ b/src/app/dataset-block/metadata-block/components/event-details/mock.events.ts
@@ -9,11 +9,7 @@ import {
     SetVocab,
     SetWatermark,
 } from "./../../../../api/kamu.graphql.interface";
-import {
-    AddDataEventFragment,
-    DatasetKind,
-    Seed,
-} from "src/app/api/kamu.graphql.interface";
+import { AddDataEventFragment, DatasetKind, Seed } from "src/app/api/kamu.graphql.interface";
 export const mockAddData: AddDataEventFragment = {
     __typename: "AddData",
     addDataWatermark: "2022-08-01T00:00:00+00:00",
@@ -167,8 +163,7 @@ export const mockExecuteQuery: ExecuteQueryEventFragment = {
     inputSlices: [
         {
             __typename: "InputSlice",
-            datasetId:
-                "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
+            datasetId: "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
             blockInterval: {
                 __typename: "BlockInterval",
                 start: "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
diff --git a/src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component.ts b/src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component.ts
index 6acff5637..0b82a6fd1 100644
--- a/src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component.ts
+++ b/src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component.ts
@@ -1,10 +1,5 @@
 import AppValues from "src/app/common/app.values";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    ViewEncapsulation,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from "@angular/core";
 
 @Component({
     selector: "app-tooltip-icon",
diff --git a/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.spec.ts b/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.spec.ts
index d8e2eef8d..bbca110f8 100644
--- a/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.spec.ts
+++ b/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.spec.ts
@@ -34,8 +34,8 @@ describe("YamlViewSectionComponent", () => {
     });
 
     it("should check onMetadataBlockChanges subscribe with ExecuteQuery ", () => {
-        const mockBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-            ?.metadata.chain.blockByHash as MetadataBlockFragment;
+        const mockBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain
+            .blockByHash as MetadataBlockFragment;
         blockService.metadataBlockChanges(mockBlock);
         component.ngOnInit();
         fixture.detectChanges();
@@ -43,8 +43,9 @@ describe("YamlViewSectionComponent", () => {
     });
 
     it("should check onMetadataBlockAsYamlChanges subscribe", () => {
-        const mockBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName
-            ?.metadata.chain.blockByHashEncoded as string | undefined;
+        const mockBlock = mockGetMetadataBlockQuery.datasets.byOwnerAndName?.metadata.chain.blockByHashEncoded as
+            | string
+            | undefined;
         if (mockBlock) {
             blockService.metadataBlockAsYamlChanges(mockBlock);
             component.ngOnInit();
diff --git a/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.ts b/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.ts
index 3da6d0069..06ab77e5a 100644
--- a/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.ts
+++ b/src/app/dataset-block/metadata-block/components/yaml-view-section/yaml-view-section.component.ts
@@ -1,10 +1,5 @@
 import { BaseComponent } from "src/app/common/base.component";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from "@angular/core";
 import { MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
 import { BlockService } from "../../block.service";
 import { SupportedEvents } from "../event-details/supported.events";
@@ -18,10 +13,7 @@ import { SupportedEvents } from "../event-details/supported.events";
 export class YamlViewSectionComponent extends BaseComponent implements OnInit {
     public block: MetadataBlockFragment;
     public yamlEventText: string;
-    constructor(
-        private blockService: BlockService,
-        private cdr: ChangeDetectorRef,
-    ) {
+    constructor(private blockService: BlockService, private cdr: ChangeDetectorRef) {
         super();
     }
 
@@ -30,12 +22,10 @@ export class YamlViewSectionComponent extends BaseComponent implements OnInit {
             this.blockService.onMetadataBlockChanges.subscribe((block) => {
                 this.block = block;
             }),
-            this.blockService.onMetadataBlockAsYamlChanges.subscribe(
-                (yamlEventText: string) => {
-                    this.yamlEventText = yamlEventText;
-                    this.cdr.detectChanges();
-                },
-            ),
+            this.blockService.onMetadataBlockAsYamlChanges.subscribe((yamlEventText: string) => {
+                this.yamlEventText = yamlEventText;
+                this.cdr.detectChanges();
+            }),
         );
     }
 
diff --git a/src/app/dataset-block/metadata-block/metadata-block.component.html b/src/app/dataset-block/metadata-block/metadata-block.component.html
index 4f557ae2b..1dd1505cb 100644
--- a/src/app/dataset-block/metadata-block/metadata-block.component.html
+++ b/src/app/dataset-block/metadata-block/metadata-block.component.html
@@ -1,16 +1,9 @@
-<div
-    class="app-main-container"
-    role="main"
-    data-test-id="metada-block-view"
-    id="metada-block-view"
->
+<div class="app-main-container" role="main" data-test-id="metada-block-view" id="metada-block-view">
     <div class="app-content">
         <app-dataset-view-header
             [datasetInfo]="datasetInfo"
             (showOwnerPageEmit)="showOwnerPage(datasetInfo.accountName)"
-            (onClickSearchAdditionalButtonEmit)="
-                onClickSearchAdditionalButton($event)
-            "
+            (onClickSearchAdditionalButtonEmit)="onClickSearchAdditionalButton($event)"
         ></app-dataset-view-header>
     </div>
 
@@ -30,13 +23,8 @@
     <div class="row px-4">
         <div class="col-md-7">
             <div class="container-content mb-4">
-                <app-block-header
-                    [datasetInfo]="datasetInfo"
-                    [blockHash]="blockHash"
-                ></app-block-header>
-                <app-event-details
-                    [datasetInfo]="datasetInfo"
-                ></app-event-details>
+                <app-block-header [datasetInfo]="datasetInfo" [blockHash]="blockHash"></app-block-header>
+                <app-event-details [datasetInfo]="datasetInfo"></app-event-details>
             </div>
         </div>
         <div class="col-md-5">
diff --git a/src/app/dataset-block/metadata-block/metadata-block.component.ts b/src/app/dataset-block/metadata-block/metadata-block.component.ts
index c123e16ad..816cfca86 100644
--- a/src/app/dataset-block/metadata-block/metadata-block.component.ts
+++ b/src/app/dataset-block/metadata-block/metadata-block.component.ts
@@ -5,13 +5,7 @@ import { Subscription } from "rxjs";
 import ProjectLinks from "src/app/project-links";
 import { BaseProcessingComponent } from "./../../common/base.processing.component";
 import { DatasetViewTypeEnum } from "./../../dataset-view/dataset-view.interface";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    OnInit,
-    ViewEncapsulation,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewEncapsulation } from "@angular/core";
 
 import { DatasetInfo } from "src/app/interface/navigation.interface";
 import { filter, pluck } from "rxjs/operators";
@@ -27,10 +21,7 @@ import _ from "lodash";
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class MetadataBlockComponent
-    extends BaseProcessingComponent
-    implements OnInit
-{
+export class MetadataBlockComponent extends BaseProcessingComponent implements OnInit {
     constructor(
         private blockService: BlockService,
         private datasetService: DatasetService,
@@ -50,33 +41,22 @@ export class MetadataBlockComponent
     ngOnInit(): void {
         this.datasetInfo = this.getDatasetInfoFromUrl();
         this.trackSubscriptions(
-            this.activatedRoute.params
-                .pipe(pluck(ProjectLinks.URL_PARAM_BLOCK_HASH))
-                .subscribe((hash: string) => {
-                    this.blockHash = hash;
-                }),
-            this.router.events
-                .pipe(filter((event) => event instanceof NavigationEnd))
-                .subscribe(() => {
-                    if (
-                        !_.isEqual(
-                            this.datasetInfo,
-                            this.getDatasetInfoFromUrl(),
-                        )
-                    ) {
-                        this.trackSubscription(this.loadHistory());
-                    }
-                    this.datasetInfo = this.getDatasetInfoFromUrl();
-                    this.trackSubscription(this.loadMetadataBlock());
-                }),
+            this.activatedRoute.params.pipe(pluck(ProjectLinks.URL_PARAM_BLOCK_HASH)).subscribe((hash: string) => {
+                this.blockHash = hash;
+            }),
+            this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
+                if (!_.isEqual(this.datasetInfo, this.getDatasetInfoFromUrl())) {
+                    this.trackSubscription(this.loadHistory());
+                }
+                this.datasetInfo = this.getDatasetInfoFromUrl();
+                this.trackSubscription(this.loadMetadataBlock());
+            }),
             this.loadMetadataBlock(),
             this.loadHistory(),
-            this.appDatasetSubsService.onDatasetHistoryChanges.subscribe(
-                (result: DatasetHistoryUpdate) => {
-                    this.datasetHistoryUpdate = result;
-                    this.cdr.detectChanges();
-                },
-            ),
+            this.appDatasetSubsService.onDatasetHistoryChanges.subscribe((result: DatasetHistoryUpdate) => {
+                this.datasetHistoryUpdate = result;
+                this.cdr.detectChanges();
+            }),
         );
     }
 
@@ -85,18 +65,12 @@ export class MetadataBlockComponent
     }
 
     private loadMetadataBlock(): Subscription {
-        return this.blockService
-            .requestMetadataBlock(this.getDatasetInfoFromUrl(), this.blockHash)
-            .subscribe();
+        return this.blockService.requestMetadataBlock(this.getDatasetInfoFromUrl(), this.blockHash).subscribe();
     }
 
     private loadHistory(page = 0): Subscription {
         return this.datasetService
-            .requestDatasetHistory(
-                this.getDatasetInfoFromUrl(),
-                this.blocksPerPage,
-                page,
-            )
+            .requestDatasetHistory(this.getDatasetInfoFromUrl(), this.blocksPerPage, page)
             .subscribe();
     }
 }
diff --git a/src/app/dataset-create/dataset-create.component.html b/src/app/dataset-create/dataset-create.component.html
index 256658bd7..0bc2ce2c6 100644
--- a/src/app/dataset-create/dataset-create.component.html
+++ b/src/app/dataset-create/dataset-create.component.html
@@ -5,12 +5,8 @@ <h1 class="title">Create a new dataset</h1>
     <form [formGroup]="createDatasetForm" (ngSubmit)="onCreateDataset()">
         <div class="my-4 d-flex align-items-start">
             <div class="w-25">
-                <label for="owner" class="fs-12">Owner </label
-                ><span class="text-danger">*</span><br />
-                <select
-                    class="form-select custom-form-control d-inline"
-                    formControlName="owner"
-                >
+                <label for="owner" class="fs-12">Owner </label><span class="text-danger">*</span><br />
+                <select class="form-select custom-form-control d-inline" formControlName="owner">
                     <option [ngValue]="owner" *ngFor="let owner of owners">
                         {{ owner }}
                     </option>
@@ -18,8 +14,7 @@ <h1 class="title">Create a new dataset</h1>
             </div>
             <span class="mx-2 fs-3 align-self-start divider">/</span>
             <div class="w-50">
-                <label for="dataset-name" class="fs-12">Dataset name</label
-                ><span class="text-danger">*</span><br />
+                <label for="dataset-name" class="fs-12">Dataset name</label><span class="text-danger">*</span><br />
                 <input
                     type="text"
                     class="form-control custom-form-control d-inline"
@@ -28,53 +23,29 @@ <h1 class="title">Create a new dataset</h1>
                     data-test-id="dataset-name"
                     required
                 /><br />
-                <div
-                    *ngIf="
-                        datasetName?.invalid &&
-                        (datasetName?.touched || datasetName?.dirty)
-                    "
-                >
-                    <span
-                        *ngIf="datasetName?.errors?.['required']"
-                        class="text-danger fs-12"
-                        >Name is required</span
-                    >
-                    <span
-                        *ngIf="datasetName?.errors?.['pattern']"
-                        class="text-danger fs-12"
-                        >Invalid dataset name</span
-                    >
+                <div *ngIf="datasetName?.invalid && (datasetName?.touched || datasetName?.dirty)">
+                    <span *ngIf="datasetName?.errors?.['required']" class="text-danger fs-12">Name is required</span>
+                    <span *ngIf="datasetName?.errors?.['pattern']" class="text-danger fs-12">Invalid dataset name</span>
                 </div>
             </div>
         </div>
         <mat-divider></mat-divider>
         <div class="my-4">
             <label class="d-flex" for="kind-root">
-                <input
-                    name="kind"
-                    type="radio"
-                    value="root"
-                    formControlName="kind"
-                />
+                <input name="kind" type="radio" value="root" formControlName="kind" />
                 <div class="ps-3">
                     <span> Root</span><br /><span class="fs-12 text-muted"
-                        >(Use this type if you are the publisher of data or will
-                        be importing it from an external source.)</span
+                        >(Use this type if you are the publisher of data or will be importing it from an external
+                        source.)</span
                     >
                 </div>
             </label>
             <br />
             <label for="kind-derivative" class="mt-2 d-flex">
-                <input
-                    name="kind"
-                    type="radio"
-                    value="derivative"
-                    formControlName="kind"
-                />
+                <input name="kind" type="radio" value="derivative" formControlName="kind" />
                 <div class="ps-3">
                     <span> Derivative</span><br /><span class="fs-12 text-muted"
-                        >(Use this type if you are improving or building upon
-                        existing datasets.)</span
+                        >(Use this type if you are improving or building upon existing datasets.)</span
                     >
                 </div>
             </label>
@@ -82,24 +53,13 @@ <h1 class="title">Create a new dataset</h1>
         <mat-divider></mat-divider>
         <div>
             <label for="visibility-public" class="my-3">
-                <input
-                    name="visibility"
-                    type="radio"
-                    value="public"
-                    checked="checked"
-                    disabled
-                />
+                <input name="visibility" type="radio" value="public" checked="checked" disabled />
                 <svg-icon name="public" class="ms-1"></svg-icon>
                 <span>Public</span>
             </label>
             <br />
             <label for="visibility-private" class="my-3 text-muted">
-                <input
-                    name="visibility"
-                    type="radio"
-                    value="private"
-                    disabled
-                />
+                <input name="visibility" type="radio" value="private" disabled />
                 <svg-icon name="private" class="text-muted ms-1"></svg-icon>
                 <span>Private</span>
             </label>
@@ -120,9 +80,7 @@ <h1 class="title">Create a new dataset</h1>
         >
     </div>
     <ng-container *ngIf="showMonacoEditor">
-        <div
-            class="container-monaco border border-1 mt-4 ps-2 pe-2 pt-4 rounded-3"
-        >
+        <div class="container-monaco border border-1 mt-4 ps-2 pe-2 pt-4 rounded-3">
             <ngx-monaco-editor
                 style="height: 400px"
                 [options]="yamlEditorOptions"
@@ -140,11 +98,7 @@ <h1 class="title">Create a new dataset</h1>
             #fileUpload
         />
         <div class="my-4 d-flex justify-content-end align-items-center">
-            <button
-                (click)="fileUpload.click()"
-                class="upload-btn ms-2"
-                data-test-id="upload-file-button"
-            >
+            <button (click)="fileUpload.click()" class="upload-btn ms-2" data-test-id="upload-file-button">
                 Upload from file
             </button>
         </div>
@@ -152,18 +106,11 @@ <h1 class="title">Create a new dataset</h1>
     <mat-divider></mat-divider>
     <div class="my-4 d-flex align-items-center text-muted">
         <svg-icon class="me-1" name="information"></svg-icon>
-        <span class="fs-6 pt-1"
-            >You are creating a dataset in your personal account.</span
-        >
+        <span class="fs-6 pt-1">You are creating a dataset in your personal account.</span>
     </div>
     <mat-divider></mat-divider>
     <div class="mt-4 mb-4">
-        <button
-            (click)="onCreateDataset()"
-            class="btn-create"
-            [disabled]="!isFormValid"
-            data-test-id="create-dataset"
-        >
+        <button (click)="onCreateDataset()" class="btn-create" [disabled]="!isFormValid" data-test-id="create-dataset">
             Create dataset
         </button>
     </div>
diff --git a/src/app/dataset-create/dataset-create.component.spec.ts b/src/app/dataset-create/dataset-create.component.spec.ts
index 70ad8fedf..f52279dd2 100644
--- a/src/app/dataset-create/dataset-create.component.spec.ts
+++ b/src/app/dataset-create/dataset-create.component.spec.ts
@@ -16,12 +16,7 @@ describe("DatasetCreateComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [DatasetCreateComponent],
-            imports: [
-                ReactiveFormsModule,
-                ApolloModule,
-                FormsModule,
-                SharedTestModule,
-            ],
+            imports: [ReactiveFormsModule, ApolloModule, FormsModule, SharedTestModule],
             schemas: [CUSTOM_ELEMENTS_SCHEMA],
         })
             .overrideComponent(DatasetCreateComponent, {
@@ -54,10 +49,7 @@ describe("DatasetCreateComponent", () => {
     });
 
     it("should check call createDatasetFromForm()", () => {
-        const createDatasetFromFormSpy = spyOn(
-            datasetCreateService,
-            "createEmptyDataset",
-        ).and.returnValue(of());
+        const createDatasetFromFormSpy = spyOn(datasetCreateService, "createEmptyDataset").and.returnValue(of());
 
         component.onCreateDataset();
 
@@ -67,10 +59,9 @@ describe("DatasetCreateComponent", () => {
     it("should check call createDatasetFromSnapshot()", () => {
         component.showMonacoEditor = true;
         component.yamlTemplate = "test template";
-        const createDatasetFromSnapshotSpy = spyOn(
-            datasetCreateService,
-            "createDatasetFromSnapshot",
-        ).and.returnValue(of());
+        const createDatasetFromSnapshotSpy = spyOn(datasetCreateService, "createDatasetFromSnapshot").and.returnValue(
+            of(),
+        );
 
         component.onCreateDataset();
 
@@ -78,10 +69,7 @@ describe("DatasetCreateComponent", () => {
     });
 
     it("should check switch checkbox `Initialize from YAML snapshot`)", () => {
-        const checkboxInput = findInputElememtByDataTestId(
-            fixture,
-            "show-monaco-editor",
-        );
+        const checkboxInput = findInputElememtByDataTestId(fixture, "show-monaco-editor");
         expect(checkboxInput.checked).toBeFalse();
         expect(component.showMonacoEditor).toBeFalse();
 
@@ -97,10 +85,7 @@ describe("DatasetCreateComponent", () => {
     });
 
     it("should check call uploadFile when file picked)", async () => {
-        const checkboxInput = findInputElememtByDataTestId(
-            fixture,
-            "show-monaco-editor",
-        );
+        const checkboxInput = findInputElememtByDataTestId(fixture, "show-monaco-editor");
 
         checkboxInput.click();
         fixture.detectChanges();
@@ -110,9 +95,7 @@ describe("DatasetCreateComponent", () => {
         });
         const mockEvt = { target: { files: [mockFile] } };
         try {
-            const result = await component.onFileSelected(
-                mockEvt as unknown as Event,
-            );
+            const result = await component.onFileSelected(mockEvt as unknown as Event);
             expect(result).toBe("# You can edit this file\ntest content");
         } catch (error) {
             console.log(error);
@@ -120,19 +103,14 @@ describe("DatasetCreateComponent", () => {
     });
 
     it("should check call uploadFile when file not picked)", async () => {
-        const checkboxInput = findInputElememtByDataTestId(
-            fixture,
-            "show-monaco-editor",
-        );
+        const checkboxInput = findInputElememtByDataTestId(fixture, "show-monaco-editor");
 
         checkboxInput.click();
         fixture.detectChanges();
 
         const mockEvt = { target: { files: [] } };
         try {
-            const result = await component.onFileSelected(
-                mockEvt as unknown as Event,
-            );
+            const result = await component.onFileSelected(mockEvt as unknown as Event);
             expect(result).toBe("");
         } catch (error) {
             console.log(error);
diff --git a/src/app/dataset-create/dataset-create.component.ts b/src/app/dataset-create/dataset-create.component.ts
index 14b37a7d1..d3a5563ae 100644
--- a/src/app/dataset-create/dataset-create.component.ts
+++ b/src/app/dataset-create/dataset-create.component.ts
@@ -2,12 +2,7 @@ import { BaseComponent } from "src/app/common/base.component";
 /* eslint-disable @typescript-eslint/unbound-method */
 import { DatasetKind } from "src/app/api/kamu.graphql.interface";
 import { MaybeNull } from "./../common/app.types";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from "@angular/core";
 import * as monaco from "monaco-editor";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { AppDatasetCreateService } from "./dataset-create.service";
@@ -24,15 +19,14 @@ export class DatasetCreateComponent extends BaseComponent implements OnInit {
         derivative: DatasetKind.Derivative,
     };
     public readonly initialHint = "# You can edit this file\n";
-    public readonly yamlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions =
-        {
-            theme: "vs",
-            language: "yaml",
-            renderLineHighlight: "none",
-            minimap: {
-                enabled: false,
-            },
-        };
+    public readonly yamlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions = {
+        theme: "vs",
+        language: "yaml",
+        renderLineHighlight: "none",
+        minimap: {
+            enabled: false,
+        },
+    };
     public yamlTemplate = "";
     public showMonacoEditor = false;
     public errorMessage = "";
@@ -41,12 +35,7 @@ export class DatasetCreateComponent extends BaseComponent implements OnInit {
         owner: ["kamu", [Validators.required]],
         datasetName: [
             "",
-            [
-                Validators.required,
-                Validators.pattern(
-                    /^([a-zA-Z0-9][a-zA-Z0-9-]*)+(\.[a-zA-Z0-9][a-zA-Z0-9-]*)*$/,
-                ),
-            ],
+            [Validators.required, Validators.pattern(/^([a-zA-Z0-9][a-zA-Z0-9-]*)+(\.[a-zA-Z0-9][a-zA-Z0-9-]*)*$/)],
         ],
         kind: ["root", [Validators.required]],
     });
@@ -61,12 +50,10 @@ export class DatasetCreateComponent extends BaseComponent implements OnInit {
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.datasetCreateService.onErrorMessageChanges.subscribe(
-                (message: string) => {
-                    this.errorMessage = message;
-                    this.cdr.detectChanges();
-                },
-            ),
+            this.datasetCreateService.onErrorMessageChanges.subscribe((message: string) => {
+                this.errorMessage = message;
+                this.cdr.detectChanges();
+            }),
         );
     }
 
@@ -80,9 +67,7 @@ export class DatasetCreateComponent extends BaseComponent implements OnInit {
     }
 
     public onCreateDataset(): void {
-        this.showMonacoEditor
-            ? this.createDatasetFromSnapshot()
-            : this.createDatasetFromForm();
+        this.showMonacoEditor ? this.createDatasetFromSnapshot() : this.createDatasetFromForm();
     }
 
     public onFileSelected(event: Event): Promise<MaybeNull<string>> {
@@ -111,25 +96,15 @@ export class DatasetCreateComponent extends BaseComponent implements OnInit {
 
     private createDatasetFromForm(): void {
         const accountId = this.createDatasetForm.controls.owner.value as string;
-        const kind =
-            this.kindMapper[
-                this.createDatasetForm.controls.kind.value as string
-            ];
-        const datasetName = this.createDatasetForm.controls.datasetName
-            .value as string;
-        this.trackSubscription(
-            this.datasetCreateService
-                .createEmptyDataset(accountId, kind, datasetName)
-                .subscribe(),
-        );
+        const kind = this.kindMapper[this.createDatasetForm.controls.kind.value as string];
+        const datasetName = this.createDatasetForm.controls.datasetName.value as string;
+        this.trackSubscription(this.datasetCreateService.createEmptyDataset(accountId, kind, datasetName).subscribe());
     }
 
     private createDatasetFromSnapshot(): void {
         if (this.yamlTemplate) {
             this.trackSubscription(
-                this.datasetCreateService
-                    .createDatasetFromSnapshot("kamu", this.yamlTemplate)
-                    .subscribe(),
+                this.datasetCreateService.createDatasetFromSnapshot("kamu", this.yamlTemplate).subscribe(),
             );
         }
     }
diff --git a/src/app/dataset-create/dataset-create.service.spec.ts b/src/app/dataset-create/dataset-create.service.spec.ts
index cbc3071c5..5a780a122 100644
--- a/src/app/dataset-create/dataset-create.service.spec.ts
+++ b/src/app/dataset-create/dataset-create.service.spec.ts
@@ -1,11 +1,5 @@
-import {
-    CreateDatasetFromSnapshotMutation,
-    CreateEmptyDatasetMutation,
-} from "./../api/kamu.graphql.interface";
-import {
-    mockDatasetBasicsFragment,
-    mockDatasetInfo,
-} from "./../search/mock.data";
+import { CreateDatasetFromSnapshotMutation, CreateEmptyDatasetMutation } from "./../api/kamu.graphql.interface";
+import { mockDatasetBasicsFragment, mockDatasetInfo } from "./../search/mock.data";
 import { TestBed } from "@angular/core/testing";
 import { Apollo } from "apollo-angular";
 import { of } from "rxjs";
@@ -42,20 +36,11 @@ describe("AppDatasetCreateService", () => {
                 },
             },
         };
-        spyOn(datasetApi, "createEmptyDataset").and.returnValue(
-            of(mockResponseSuccess),
-        );
-        const spyNavigateToDatasetView = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        spyOn(datasetApi, "createEmptyDataset").and.returnValue(of(mockResponseSuccess));
+        const spyNavigateToDatasetView = spyOn(navigationService, "navigateToDatasetView");
 
         service
-            .createEmptyDataset(
-                mockDatasetInfo.accountName,
-                DatasetKind.Root,
-                mockDatasetInfo.datasetName,
-            )
+            .createEmptyDataset(mockDatasetInfo.accountName, DatasetKind.Root, mockDatasetInfo.datasetName)
             .subscribe();
 
         expect(spyNavigateToDatasetView).toHaveBeenCalledWith({
@@ -74,20 +59,11 @@ describe("AppDatasetCreateService", () => {
                 },
             },
         };
-        spyOn(datasetApi, "createEmptyDataset").and.returnValue(
-            of(mockResponseError),
-        );
-        const spyNavigateToDatasetView = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        spyOn(datasetApi, "createEmptyDataset").and.returnValue(of(mockResponseError));
+        const spyNavigateToDatasetView = spyOn(navigationService, "navigateToDatasetView");
 
         service
-            .createEmptyDataset(
-                mockDatasetInfo.accountName,
-                DatasetKind.Root,
-                mockDatasetInfo.datasetName,
-            )
+            .createEmptyDataset(mockDatasetInfo.accountName, DatasetKind.Root, mockDatasetInfo.datasetName)
             .subscribe();
 
         expect(spyNavigateToDatasetView).not.toHaveBeenCalledWith({
@@ -112,20 +88,10 @@ describe("AppDatasetCreateService", () => {
                 },
             },
         };
-        spyOn(datasetApi, "createDatasetFromSnapshot").and.returnValue(
-            of(mockResponseSuccess),
-        );
-        const spyNavigateToDatasetView = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        spyOn(datasetApi, "createDatasetFromSnapshot").and.returnValue(of(mockResponseSuccess));
+        const spyNavigateToDatasetView = spyOn(navigationService, "navigateToDatasetView");
 
-        service
-            .createDatasetFromSnapshot(
-                mockDatasetInfo.accountName,
-                "mockSnapshot",
-            )
-            .subscribe();
+        service.createDatasetFromSnapshot(mockDatasetInfo.accountName, "mockSnapshot").subscribe();
 
         expect(spyNavigateToDatasetView).toHaveBeenCalledWith({
             accountName: mockDatasetInfo.accountName,
@@ -143,20 +109,10 @@ describe("AppDatasetCreateService", () => {
                 },
             },
         };
-        spyOn(datasetApi, "createDatasetFromSnapshot").and.returnValue(
-            of(mockResponseError),
-        );
-        const spyNavigateToDatasetView = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        spyOn(datasetApi, "createDatasetFromSnapshot").and.returnValue(of(mockResponseError));
+        const spyNavigateToDatasetView = spyOn(navigationService, "navigateToDatasetView");
 
-        service
-            .createDatasetFromSnapshot(
-                mockDatasetInfo.accountName,
-                "mockSnapshot",
-            )
-            .subscribe();
+        service.createDatasetFromSnapshot(mockDatasetInfo.accountName, "mockSnapshot").subscribe();
 
         expect(spyNavigateToDatasetView).not.toHaveBeenCalledWith({
             accountName: mockDatasetInfo.accountName,
diff --git a/src/app/dataset-create/dataset-create.service.ts b/src/app/dataset-create/dataset-create.service.ts
index 74cf9290d..219f945a6 100644
--- a/src/app/dataset-create/dataset-create.service.ts
+++ b/src/app/dataset-create/dataset-create.service.ts
@@ -1,7 +1,4 @@
-import {
-    CreateDatasetFromSnapshotMutation,
-    CreateEmptyDatasetMutation,
-} from "./../api/kamu.graphql.interface";
+import { CreateDatasetFromSnapshotMutation, CreateEmptyDatasetMutation } from "./../api/kamu.graphql.interface";
 import { Observable, Subject } from "rxjs";
 import { DatasetApi } from "src/app/api/dataset.api";
 import { Injectable } from "@angular/core";
@@ -22,72 +19,38 @@ export class AppDatasetCreateService {
         return this.errorMessageChanges$.asObservable();
     }
 
-    public constructor(
-        private datasetApi: DatasetApi,
-        private navigationService: NavigationService,
-    ) {}
+    public constructor(private datasetApi: DatasetApi, private navigationService: NavigationService) {}
 
-    public createEmptyDataset(
-        accountId: string,
-        datasetKind: DatasetKind,
-        datasetName: string,
-    ): Observable<void> {
-        return this.datasetApi
-            .createEmptyDataset(accountId, datasetKind, datasetName)
-            .pipe(
-                map((data: CreateEmptyDatasetMutation | null | undefined) => {
-                    if (
-                        data?.datasets.createEmpty.__typename ===
-                        "CreateDatasetResultSuccess"
-                    ) {
-                        this.navigationService.navigateToDatasetView({
-                            accountName: accountId,
-                            datasetName,
-                            tab: DatasetViewTypeEnum.Overview,
-                        });
-                    } else {
-                        if (data)
-                            this.errorMessageChanges(
-                                data.datasets.createEmpty.message,
-                            );
-                    }
-                }),
-            );
+    public createEmptyDataset(accountId: string, datasetKind: DatasetKind, datasetName: string): Observable<void> {
+        return this.datasetApi.createEmptyDataset(accountId, datasetKind, datasetName).pipe(
+            map((data: CreateEmptyDatasetMutation | null | undefined) => {
+                if (data?.datasets.createEmpty.__typename === "CreateDatasetResultSuccess") {
+                    this.navigationService.navigateToDatasetView({
+                        accountName: accountId,
+                        datasetName,
+                        tab: DatasetViewTypeEnum.Overview,
+                    });
+                } else {
+                    if (data) this.errorMessageChanges(data.datasets.createEmpty.message);
+                }
+            }),
+        );
     }
 
-    public createDatasetFromSnapshot(
-        accountId: string,
-        snapshot: string,
-    ): Observable<void> {
-        return this.datasetApi
-            .createDatasetFromSnapshot(accountId, snapshot)
-            .pipe(
-                map(
-                    (
-                        data:
-                            | CreateDatasetFromSnapshotMutation
-                            | null
-                            | undefined,
-                    ) => {
-                        if (
-                            data?.datasets.createFromSnapshot.__typename ===
-                            "CreateDatasetResultSuccess"
-                        ) {
-                            const datasetName = data.datasets.createFromSnapshot
-                                .dataset.name as string;
-                            this.navigationService.navigateToDatasetView({
-                                accountName: accountId,
-                                datasetName,
-                                tab: DatasetViewTypeEnum.Overview,
-                            });
-                        } else {
-                            if (data)
-                                this.errorMessageChanges(
-                                    data.datasets.createFromSnapshot.message,
-                                );
-                        }
-                    },
-                ),
-            );
+    public createDatasetFromSnapshot(accountId: string, snapshot: string): Observable<void> {
+        return this.datasetApi.createDatasetFromSnapshot(accountId, snapshot).pipe(
+            map((data: CreateDatasetFromSnapshotMutation | null | undefined) => {
+                if (data?.datasets.createFromSnapshot.__typename === "CreateDatasetResultSuccess") {
+                    const datasetName = data.datasets.createFromSnapshot.dataset.name as string;
+                    this.navigationService.navigateToDatasetView({
+                        accountName: accountId,
+                        datasetName,
+                        tab: DatasetViewTypeEnum.Overview,
+                    });
+                } else {
+                    if (data) this.errorMessageChanges(data.datasets.createFromSnapshot.message);
+                }
+            }),
+        );
     }
 }
diff --git a/src/app/dataset-view/additional-components/data-component/data-component.html b/src/app/dataset-view/additional-components/data-component/data-component.html
index 23866fc0b..6a93c0022 100644
--- a/src/app/dataset-view/additional-components/data-component/data-component.html
+++ b/src/app/dataset-view/additional-components/data-component/data-component.html
@@ -9,9 +9,7 @@ <h2 class="box-title align-items-center pb-3 m-0">Schema:</h2>
             ></app-dynamic-table>
         </ng-container>
         <div>
-            <h2 class="box-title align-items-center pb-3 pt-3 m-0">
-                Saved Queries
-            </h2>
+            <h2 class="box-title align-items-center pb-3 pt-3 m-0">Saved Queries</h2>
             <cdk-accordion class="example-accordion">
                 <cdk-accordion-item
                     *ngFor="let item of savedQueries; let index = index;"
@@ -25,37 +23,21 @@ <h2 class="box-title align-items-center pb-3 pt-3 m-0">
                 >
                     <div class="datatab-activity-item">
                         <div class="datatab-expanding-row">
-                            <div
-                                class="datatab-expanding-row-header"
-                                (click)="accordionItem.toggle()"
-                            >
-                                <div
-                                    class="datatab-expanding-row-header-content"
-                                >
+                            <div class="datatab-expanding-row-header" (click)="accordionItem.toggle()">
+                                <div class="datatab-expanding-row-header-content">
                                     <div class="datatab-activity-row-summary">
-                                        <div class="datatab-activity-timestamp">
-                                            {{item.time}}
-                                        </div>
+                                        <div class="datatab-activity-timestamp">{{item.time}}</div>
                                         <div class="datatab-activity-icon">
                                             <div
                                                 class="ace-icon ace-icon-size-small cfc-color-active ace-icon-configuration ng-star-inserted"
                                             >
-                                                <mat-icon
-                                                    class="datatab-activity-icon-size"
-                                                    >query_stats</mat-icon
-                                                >
+                                                <mat-icon class="datatab-activity-icon-size">query_stats</mat-icon>
                                             </div>
                                         </div>
-                                        <div
-                                            class="datatab-activity-info-container"
-                                        >
+                                        <div class="datatab-activity-info-container">
                                             <div
                                                 class="datatab-activity-title"
-                                                style="
-                                                    overflow: hidden;
-                                                    text-overflow: ellipsis;
-                                                    white-space: nowrap;
-                                                "
+                                                style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
                                                 title=""
                                             >
                                                 <span> {{item.title}} </span>
@@ -81,9 +63,7 @@ <h2 class="box-title align-items-center pb-3 pt-3 m-0">
                         [attr.aria-labelledby]="'accordion-header-' + index"
                     >
                         {{item.title}} <br />
-                        <code style="display: block; white-space: pre-wrap"
-                            >{{item.query}}</code
-                        >
+                        <code style="display: block; white-space: pre-wrap">{{item.query}}</code>
                         <div class="d-inline">
                             <div class="btnGroup-parent float-none">
                                 <button
@@ -93,8 +73,7 @@ <h2 class="box-title align-items-center pb-3 pt-3 m-0">
                                     (click)="onRunSQLRequest(item.query)"
                                     class="sql-run-button rounded-2 btnGroup-item btn d-flex justify-content-center align-items-center"
                                 >
-                                    <span>Run</span
-                                    ><mat-icon>play_arrow</mat-icon>
+                                    <span>Run</span><mat-icon>play_arrow</mat-icon>
                                 </button>
                             </div>
                         </div>
@@ -129,9 +108,7 @@ <h2 class="box-title align-items-center pb-3 m-0">Query:</h2>
                     <mat-icon>arrow_drop_down</mat-icon>
                 </button>
                 <mat-menu #menu2="matMenu">
-                    <div
-                        class="SelectMenu-modal notifications-component-menu-modal"
-                    >
+                    <div class="SelectMenu-modal notifications-component-menu-modal">
                         <div class="SelectMenu-list">
                             <button
                                 type="submit"
@@ -143,14 +120,9 @@ <h2 class="box-title align-items-center pb-3 m-0">Query:</h2>
                                 data-targets="notifications-list-subscription-form.subscriptionButtons"
                             >
                                 <div>
-                                    <div class="f5 text-bold">
-                                        New Dataset from Query
-                                    </div>
-                                    <div
-                                        class="text-small color-fg-muted text-normal pb-1"
-                                    >
-                                        Creates new derivative dataset using
-                                        current query as the transformation.
+                                    <div class="f5 text-bold">New Dataset from Query</div>
+                                    <div class="text-small color-fg-muted text-normal pb-1">
+                                        Creates new derivative dataset using current query as the transformation.
                                     </div>
                                 </div>
                             </button>
@@ -179,14 +151,9 @@ <h2 class="box-title align-items-center py-3 m-0">Result:</h2>
                 [dataRows]="currentData || []"
             ></app-dynamic-table>
         </ng-container>
-        <ng-container
-            *ngIf="!sqlErrorMarker || !currentSchema || !currentData.length"
-        >
+        <ng-container *ngIf="!sqlErrorMarker || !currentSchema || !currentData.length">
             <mat-divider></mat-divider>
-            <h3
-                class="box-title text-center pt-4 author"
-                *ngIf="!currentData.length"
-            >
+            <h3 class="box-title text-center pt-4 author" *ngIf="!currentData.length">
                 Need
                 <a class="add-link"> add data</a>
                 .
diff --git a/src/app/dataset-view/additional-components/data-component/data-component.spec.ts b/src/app/dataset-view/additional-components/data-component/data-component.spec.ts
index 3ffe5ecf0..91ceb7952 100644
--- a/src/app/dataset-view/additional-components/data-component/data-component.spec.ts
+++ b/src/app/dataset-view/additional-components/data-component/data-component.spec.ts
@@ -48,9 +48,7 @@ describe("DataComponent", () => {
     it("should check run sql button", () => {
         const emitterSubscription$ = component.runSQLRequestEmit
             .pipe(first())
-            .subscribe((query: string) =>
-                expect(query).toEqual(component.sqlRequestCode),
-            );
+            .subscribe((query: string) => expect(query).toEqual(component.sqlRequestCode));
 
         emitClickOnElementByDataTestId(fixture, "runSqlQueryButton");
         fixture.detectChanges();
diff --git a/src/app/dataset-view/additional-components/data-component/data-component.ts b/src/app/dataset-view/additional-components/data-component/data-component.ts
index c087b7a93..1658b7628 100644
--- a/src/app/dataset-view/additional-components/data-component/data-component.ts
+++ b/src/app/dataset-view/additional-components/data-component/data-component.ts
@@ -1,10 +1,7 @@
 import AppValues from "src/app/common/app.values";
 import { OffsetInterval } from "./../../../api/kamu.graphql.interface";
 import { Location } from "@angular/common";
-import {
-    DataSqlErrorUpdate,
-    DataUpdate,
-} from "src/app/dataset-view/dataset.subscriptions.interface";
+import { DataSqlErrorUpdate, DataUpdate } from "src/app/dataset-view/dataset.subscriptions.interface";
 import {
     ChangeDetectionStrategy,
     ChangeDetectorRef,
@@ -54,18 +51,15 @@ export class DataComponent extends BaseComponent implements OnInit {
 
     public ngOnInit(): void {
         this.trackSubscriptions(
-            this.appDatasetSubsService.onDatasetDataChanges.subscribe(
-                (dataUpdate: DataUpdate) => {
-                    if (dataUpdate.currentVocab?.offsetColumn) {
-                        this.offsetColumnName =
-                            dataUpdate.currentVocab.offsetColumn;
-                    }
-                    this.currentData = dataUpdate.content;
-                    this.currentSchema = dataUpdate.schema;
-                    this.sqlErrorMarker = null;
-                    this.cdr.markForCheck();
-                },
-            ),
+            this.appDatasetSubsService.onDatasetDataChanges.subscribe((dataUpdate: DataUpdate) => {
+                if (dataUpdate.currentVocab?.offsetColumn) {
+                    this.offsetColumnName = dataUpdate.currentVocab.offsetColumn;
+                }
+                this.currentData = dataUpdate.content;
+                this.currentSchema = dataUpdate.schema;
+                this.sqlErrorMarker = null;
+                this.cdr.markForCheck();
+            }),
             this.appDatasetSubsService.onDatasetDataSqlErrorOccured.subscribe(
                 (dataSqlErrorUpdate: DataSqlErrorUpdate) => {
                     this.currentData = [];
@@ -105,10 +99,7 @@ export class DataComponent extends BaseComponent implements OnInit {
         if (this.datasetBasics) {
             this.sqlRequestCode += `'${this.datasetBasics.name as string}'`;
             const offset = this.location.getState() as Partial<OffsetInterval>;
-            if (
-                typeof offset.start !== "undefined" &&
-                typeof offset.end !== "undefined"
-            ) {
+            if (typeof offset.start !== "undefined" && typeof offset.end !== "undefined") {
                 this.sqlRequestCode += `\nwhere ${this.offsetColumnName}>=${offset.start} and ${this.offsetColumnName}<=${offset.end}\norder by ${this.offsetColumnName} desc`;
             }
         }
diff --git a/src/app/dataset-view/additional-components/data-tabs.mock.ts b/src/app/dataset-view/additional-components/data-tabs.mock.ts
index 632a7244f..919f6bd5c 100644
--- a/src/app/dataset-view/additional-components/data-tabs.mock.ts
+++ b/src/app/dataset-view/additional-components/data-tabs.mock.ts
@@ -1,14 +1,6 @@
 import { mockDatasetBasicsFragment } from "./../../search/mock.data";
-import {
-    DatasetHistoryUpdate,
-    DataSqlErrorUpdate,
-    DataUpdate,
-} from "../dataset.subscriptions.interface";
-import {
-    CommitEventToDatasetMutation,
-    DatasetKind,
-    UpdateReadmeMutation,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetHistoryUpdate, DataSqlErrorUpdate, DataUpdate } from "../dataset.subscriptions.interface";
+import { CommitEventToDatasetMutation, DatasetKind, UpdateReadmeMutation } from "src/app/api/kamu.graphql.interface";
 
 export const mockDataUpdate: DataUpdate = {
     schema: {
@@ -55,10 +47,8 @@ export const mockHistoryUpdate: DatasetHistoryUpdate = {
                         start: 0,
                         end: 596125,
                     },
-                    logicalHash:
-                        "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
-                    physicalHash:
-                        "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
+                    logicalHash: "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
+                    physicalHash: "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
                     size: 300,
                 },
             },
@@ -116,11 +106,9 @@ export const mockOverviewDataUpdate = {
             amount: 0.009679238156255232,
             eth_amount: 0.010000000272564223,
             block_number: 15284454,
-            block_hash:
-                "0x887569ff02456b8cde2ade8e0ee5b48d441800c8c6d92d1414a9648902807558",
+            block_hash: "0x887569ff02456b8cde2ade8e0ee5b48d441800c8c6d92d1414a9648902807558",
             transaction_index: 224,
-            transaction_hash:
-                "0xa88698d288550d09653e6cec3038ea30fe8f74eb40941eba93b05024037426d7",
+            transaction_hash: "0xa88698d288550d09653e6cec3038ea30fe8f74eb40941eba93b05024037426d7",
             log_index: 355,
         },
     ],
@@ -225,10 +213,8 @@ export const mockOverviewDataUpdate = {
                     nodes: [
                         {
                             __typename: "MetadataBlockExtended",
-                            blockHash:
-                                "zW1fSULqRHyTyhGXeCP4f8zX8QxcNVKNhVui42BWRdzHet3",
-                            prevBlockHash:
-                                "zW1prmMP3XKbMfdWn9MQWpy4WaT8u8LADxXb8us7CTVb1Vu",
+                            blockHash: "zW1fSULqRHyTyhGXeCP4f8zX8QxcNVKNhVui42BWRdzHet3",
+                            prevBlockHash: "zW1prmMP3XKbMfdWn9MQWpy4WaT8u8LADxXb8us7CTVb1Vu",
                             systemTime: "2022-08-05T21:15:03.947245004+00:00",
                             sequenceNumber: 14,
                             author: {
@@ -245,10 +231,8 @@ export const mockOverviewDataUpdate = {
                                         start: 0,
                                         end: 6908,
                                     },
-                                    logicalHash:
-                                        "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
-                                    physicalHash:
-                                        "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
+                                    logicalHash: "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
+                                    physicalHash: "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
                                 },
                             },
                         },
@@ -353,8 +337,7 @@ export const mockMetadataSchemaUpdate = {
             __typename: "DatasetMetadata",
             currentInfo: {
                 __typename: "SetInfo",
-                description:
-                    "Confirmed positive cases of COVID-19 in Alberta (harmonized).",
+                description: "Confirmed positive cases of COVID-19 in Alberta (harmonized).",
                 keywords: [
                     "Healthcare",
                     "Epidemiology",
@@ -372,8 +355,7 @@ export const mockMetadataSchemaUpdate = {
                 shortName: "OGL-Canada-2.0",
                 name: "Open Government Licence - Canada",
                 spdxId: "OGL-Canada-2.0",
-                websiteUrl:
-                    "https://open.canada.ca/en/open-government-licence-canada",
+                websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
             },
             currentWatermark: "2022-08-01T00:00:00+00:00",
             currentTransform: {
@@ -474,10 +456,8 @@ export const mockMetadataSchemaUpdate = {
                     nodes: [
                         {
                             __typename: "MetadataBlockExtended",
-                            blockHash:
-                                "zW1hNbxPz28K1oLNGbddudUzKKLT9LDPh8chjksEo6HcDev",
-                            prevBlockHash:
-                                "zW1abnmxotsSC7H6SyfbL7bpWtQrMSQktUfiJds3KWX1xfm",
+                            blockHash: "zW1hNbxPz28K1oLNGbddudUzKKLT9LDPh8chjksEo6HcDev",
+                            prevBlockHash: "zW1abnmxotsSC7H6SyfbL7bpWtQrMSQktUfiJds3KWX1xfm",
                             systemTime: "2022-08-05T21:20:08.053635579+00:00",
                             sequenceNumber: 6,
                             author: {
@@ -494,10 +474,8 @@ export const mockMetadataSchemaUpdate = {
                                         start: 0,
                                         end: 596125,
                                     },
-                                    logicalHash:
-                                        "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
-                                    physicalHash:
-                                        "zW1i7cajDaJjwxCRaRyGHqJpDrqZXbm1wMZkaWrH8a8Cmbd",
+                                    logicalHash: "z63ZND5B21T2Dbmr2bB2Eu2Y4fjEJzLYrwiumM7ApeU24N29qpna",
+                                    physicalHash: "zW1i7cajDaJjwxCRaRyGHqJpDrqZXbm1wMZkaWrH8a8Cmbd",
                                 },
                             },
                         },
@@ -625,10 +603,8 @@ export const mockOverviewWithSetInfo = {
                 nodes: [
                     {
                         __typename: "MetadataBlockExtended",
-                        blockHash:
-                            "zW1fSULqRHyTyhGXeCP4f8zX8QxcNVKNhVui42BWRdzHet3",
-                        prevBlockHash:
-                            "zW1prmMP3XKbMfdWn9MQWpy4WaT8u8LADxXb8us7CTVb1Vu",
+                        blockHash: "zW1fSULqRHyTyhGXeCP4f8zX8QxcNVKNhVui42BWRdzHet3",
+                        prevBlockHash: "zW1prmMP3XKbMfdWn9MQWpy4WaT8u8LADxXb8us7CTVb1Vu",
                         systemTime: "2022-08-05T21:15:03.947245004+00:00",
                         sequenceNumber: 14,
                         author: {
@@ -645,10 +621,8 @@ export const mockOverviewWithSetInfo = {
                                     start: 0,
                                     end: 6908,
                                 },
-                                logicalHash:
-                                    "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
-                                physicalHash:
-                                    "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
+                                logicalHash: "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
+                                physicalHash: "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
                             },
                         },
                     },
@@ -694,8 +668,7 @@ export const mockOverviewWithSetLicense = {
             shortName: "OGL-Canada-2.0",
             name: "Open Government Licence - Canada",
             spdxId: "OGL-Canada-2.0",
-            websiteUrl:
-                "https://open.canada.ca/en/open-government-licence-canada",
+            websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
             __typename: "SetLicense",
         },
         currentWatermark: "2022-08-05T20:24:55+00:00",
@@ -776,10 +749,8 @@ export const mockOverviewWithSetLicense = {
                 nodes: [
                     {
                         __typename: "MetadataBlockExtended",
-                        blockHash:
-                            "zW1fSULqRHyTyhGXeCP4f8zX8QxcNVKNhVui42BWRdzHet3",
-                        prevBlockHash:
-                            "zW1prmMP3XKbMfdWn9MQWpy4WaT8u8LADxXb8us7CTVb1Vu",
+                        blockHash: "zW1fSULqRHyTyhGXeCP4f8zX8QxcNVKNhVui42BWRdzHet3",
+                        prevBlockHash: "zW1prmMP3XKbMfdWn9MQWpy4WaT8u8LADxXb8us7CTVb1Vu",
                         systemTime: "2022-08-05T21:15:03.947245004+00:00",
                         sequenceNumber: 14,
                         author: {
@@ -796,10 +767,8 @@ export const mockOverviewWithSetLicense = {
                                     start: 0,
                                     end: 6908,
                                 },
-                                logicalHash:
-                                    "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
-                                physicalHash:
-                                    "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
+                                logicalHash: "z63ZND5BE6FyKyd9Wa2avVDuJXJWs79CrhCpu51J8v6vEPDZs7dW",
+                                physicalHash: "zW1ZWFc65JcCqbCWCqqaWVnwcoY13t1MdHZ5fNifD94pv8w",
                             },
                         },
                     },
@@ -821,26 +790,24 @@ export const mockOverviewWithSetLicense = {
 
 export const mockCommitEventToDatasetMutationErrorMessage = "Fail";
 
-export const mockCommitEventToDatasetMutationError: CommitEventToDatasetMutation =
-    {
-        datasets: {
-            byId: {
-                metadata: {
-                    chain: {
-                        commitEvent: {
-                            __typename: "CommitResultAppendError",
-                            message:
-                                mockCommitEventToDatasetMutationErrorMessage,
-                        },
-                        __typename: "MetadataChainMut",
+export const mockCommitEventToDatasetMutationError: CommitEventToDatasetMutation = {
+    datasets: {
+        byId: {
+            metadata: {
+                chain: {
+                    commitEvent: {
+                        __typename: "CommitResultAppendError",
+                        message: mockCommitEventToDatasetMutationErrorMessage,
                     },
-                    __typename: "DatasetMetadataMut",
+                    __typename: "MetadataChainMut",
                 },
-                __typename: "DatasetMut",
+                __typename: "DatasetMetadataMut",
             },
-            __typename: "DatasetsMut",
+            __typename: "DatasetMut",
         },
-    };
+        __typename: "DatasetsMut",
+    },
+};
 
 export const mockCommitEventToDatasetMutation: CommitEventToDatasetMutation = {
     datasets: {
@@ -850,10 +817,8 @@ export const mockCommitEventToDatasetMutation: CommitEventToDatasetMutation = {
                     commitEvent: {
                         __typename: "CommitResultSuccess",
                         message: "Success",
-                        oldHead:
-                            "zW1cMmaF6PdmJPM6LNyy2RyyWFWkF3EojZ54ezAvT2dVgKB",
-                        newHead:
-                            "zW1eXXAXqgtfNDFt7oXpMfLfDy5Tzg3dMDLWQTz2YJE6ooX",
+                        oldHead: "zW1cMmaF6PdmJPM6LNyy2RyyWFWkF3EojZ54ezAvT2dVgKB",
+                        newHead: "zW1eXXAXqgtfNDFt7oXpMfLfDy5Tzg3dMDLWQTz2YJE6ooX",
                     },
                     __typename: "MetadataChainMut",
                 },
diff --git a/src/app/dataset-view/additional-components/history-component/history-component.spec.ts b/src/app/dataset-view/additional-components/history-component/history-component.spec.ts
index 0ef78e94c..72d54aaaa 100644
--- a/src/app/dataset-view/additional-components/history-component/history-component.spec.ts
+++ b/src/app/dataset-view/additional-components/history-component/history-component.spec.ts
@@ -42,9 +42,7 @@ describe("HistoryComponent", () => {
 
         const emitterSubscription$ = component.onPageChangeEmit
             .pipe(first())
-            .subscribe((notification) =>
-                expect(notification).toEqual(testChangeNotification),
-            );
+            .subscribe((notification) => expect(notification).toEqual(testChangeNotification));
 
         component.onPageChange(testChangeNotification);
         expect(emitterSubscription$.closed).toBeTrue();
diff --git a/src/app/dataset-view/additional-components/history-component/history-component.ts b/src/app/dataset-view/additional-components/history-component/history-component.ts
index eb0ae5c7e..f3d26fc27 100644
--- a/src/app/dataset-view/additional-components/history-component/history-component.ts
+++ b/src/app/dataset-view/additional-components/history-component/history-component.ts
@@ -7,10 +7,7 @@ import {
     OnInit,
     Output,
 } from "@angular/core";
-import {
-    MetadataBlockFragment,
-    PageBasedInfo,
-} from "src/app/api/kamu.graphql.interface";
+import { MetadataBlockFragment, PageBasedInfo } from "src/app/api/kamu.graphql.interface";
 import { BaseComponent } from "src/app/common/base.component";
 import { DatasetHistoryUpdate } from "../../dataset.subscriptions.interface";
 import { AppDatasetSubscriptionsService } from "../../dataset.subscriptions.service";
@@ -30,26 +27,20 @@ export class HistoryComponent extends BaseComponent implements OnInit {
     };
     public totalPages: number;
 
-    constructor(
-        private appDatasetSubsService: AppDatasetSubscriptionsService,
-        private cdr: ChangeDetectorRef,
-    ) {
+    constructor(private appDatasetSubsService: AppDatasetSubscriptionsService, private cdr: ChangeDetectorRef) {
         super();
     }
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.appDatasetSubsService.onDatasetHistoryChanges.subscribe(
-                (historyUpdate: DatasetHistoryUpdate) => {
-                    this.currentState = {
-                        pageInfo: historyUpdate.pageInfo,
-                        history: historyUpdate.history,
-                    };
-                    if (historyUpdate.pageInfo.totalPages)
-                        this.totalPages = historyUpdate.pageInfo.totalPages;
-                    this.cdr.markForCheck();
-                },
-            ),
+            this.appDatasetSubsService.onDatasetHistoryChanges.subscribe((historyUpdate: DatasetHistoryUpdate) => {
+                this.currentState = {
+                    pageInfo: historyUpdate.pageInfo,
+                    history: historyUpdate.history,
+                };
+                if (historyUpdate.pageInfo.totalPages) this.totalPages = historyUpdate.pageInfo.totalPages;
+                this.cdr.markForCheck();
+            }),
         );
     }
     public onPageChange(currentPage: number): void {
@@ -57,8 +48,6 @@ export class HistoryComponent extends BaseComponent implements OnInit {
     }
 
     public get currentPage(): number {
-        return this.currentState
-            ? this.currentState.pageInfo.currentPage + 1
-            : 1;
+        return this.currentState ? this.currentState.pageInfo.currentPage + 1 : 1;
     }
 }
diff --git a/src/app/dataset-view/additional-components/history-component/history.component.html b/src/app/dataset-view/additional-components/history-component/history.component.html
index d235d38fe..681e5ab50 100644
--- a/src/app/dataset-view/additional-components/history-component/history.component.html
+++ b/src/app/dataset-view/additional-components/history-component/history.component.html
@@ -1,8 +1,7 @@
 <div class="search-result-container__content" id="dataset-view-history">
     <div id="history-block">
         <div *ngIf="currentPage > totalPages">
-            The current page {{ currentPage }} is greater than the total number
-            of pages {{ totalPages }}.
+            The current page {{ currentPage }} is greater than the total number of pages {{ totalPages }}.
         </div>
         <ng-template [ngIf]="currentState && currentState.history.length > 0">
             <app-timeline
diff --git a/src/app/dataset-view/additional-components/lineage-component/lineage-component.spec.ts b/src/app/dataset-view/additional-components/lineage-component/lineage-component.spec.ts
index 124fd45d9..281532a72 100644
--- a/src/app/dataset-view/additional-components/lineage-component/lineage-component.spec.ts
+++ b/src/app/dataset-view/additional-components/lineage-component/lineage-component.spec.ts
@@ -29,11 +29,9 @@ describe("LineageComponent", () => {
     });
 
     it("should check click on Node", () => {
-        const emitterSubscription$ = component.onClickNodeEmit
-            .pipe(first())
-            .subscribe((node: Node) => {
-                expect(node).toEqual(mockNode);
-            });
+        const emitterSubscription$ = component.onClickNodeEmit.pipe(first()).subscribe((node: Node) => {
+            expect(node).toEqual(mockNode);
+        });
 
         component.onClickNode(mockNode);
         expect(emitterSubscription$.closed).toBeTrue();
diff --git a/src/app/dataset-view/additional-components/lineage-component/lineage-component.ts b/src/app/dataset-view/additional-components/lineage-component/lineage-component.ts
index 2c6d83857..02384f56a 100644
--- a/src/app/dataset-view/additional-components/lineage-component/lineage-component.ts
+++ b/src/app/dataset-view/additional-components/lineage-component/lineage-component.ts
@@ -9,10 +9,7 @@ import {
 } from "@angular/core";
 import { Edge } from "@swimlane/ngx-graph/lib/models/edge.model";
 import { ClusterNode, Node } from "@swimlane/ngx-graph/lib/models/node.model";
-import {
-    DatasetBasicsFragment,
-    DatasetKind,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetBasicsFragment, DatasetKind } from "src/app/api/kamu.graphql.interface";
 import { BaseComponent } from "src/app/common/base.component";
 import { LineageUpdate } from "../../dataset.subscriptions.interface";
 import { AppDatasetSubscriptionsService } from "../../dataset.subscriptions.service";
@@ -31,10 +28,7 @@ export class LineageComponent extends BaseComponent implements OnInit {
     public lineageGraphClusters: ClusterNode[] = [];
     public isAvailableLineageGraph = false;
 
-    constructor(
-        private appDatasetSubsService: AppDatasetSubscriptionsService,
-        private cdr: ChangeDetectorRef,
-    ) {
+    constructor(private appDatasetSubsService: AppDatasetSubscriptionsService, private cdr: ChangeDetectorRef) {
         super();
     }
 
@@ -67,29 +61,25 @@ export class LineageComponent extends BaseComponent implements OnInit {
         ];
 
         this.trackSubscriptions(
-            this.appDatasetSubsService.onLineageDataChanges.subscribe(
-                (lineageUpdate: LineageUpdate) => {
-                    this.updateGraph(lineageUpdate);
-                    this.cdr.markForCheck();
-                },
-            ),
+            this.appDatasetSubsService.onLineageDataChanges.subscribe((lineageUpdate: LineageUpdate) => {
+                this.updateGraph(lineageUpdate);
+                this.cdr.markForCheck();
+            }),
         );
     }
 
     private updateGraph(lineageUpdate: LineageUpdate): void {
         lineageUpdate.nodes.forEach((dataset: DatasetBasicsFragment) => {
-            this.lineageGraphClusters = this.lineageGraphClusters.map(
-                (cluster: ClusterNode) => {
-                    if (typeof cluster.childNodeIds === "undefined") {
-                        cluster.childNodeIds = [];
-                    }
-
-                    if (cluster.label === dataset.kind) {
-                        cluster.childNodeIds.push(dataset.id as string);
-                    }
-                    return cluster;
-                },
-            );
+            this.lineageGraphClusters = this.lineageGraphClusters.map((cluster: ClusterNode) => {
+                if (typeof cluster.childNodeIds === "undefined") {
+                    cluster.childNodeIds = [];
+                }
+
+                if (cluster.label === dataset.kind) {
+                    cluster.childNodeIds.push(dataset.id as string);
+                }
+                return cluster;
+            });
         });
 
         const edges = lineageUpdate.edges;
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.html b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.html
index 90c1b6d7f..5084b9ab1 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.html
@@ -3,15 +3,9 @@
         <div class="border border-1 mt-4 px-2 py-4 rounded-3">
             <form [formGroup]="pollingSourceForm">
                 <mat-stepper #stepper>
-                    <mat-step
-                        [stepControl]="fetchForm"
-                        errorMessage="Field is required"
-                    >
+                    <mat-step [stepControl]="fetchForm" errorMessage="Field is required">
                         <ng-template matStepLabel>
-                            <div
-                                class="stepper-header-overlay"
-                                (click)="onShowErrors()"
-                            ></div>
+                            <div class="stepper-header-overlay" (click)="onShowErrors()"></div>
                             Fetch</ng-template
                         >
                         <div class="container-step">
@@ -21,9 +15,7 @@
                                 [defaultKind]="FETCH_DEFAULT_KIND"
                                 [sectionName]="steps.FETCH"
                                 [eventYamlByHash]="eventYamlByHash"
-                                [description]="
-                                    'Determines where data is sourced from'
-                                "
+                                [description]="'Determines where data is sourced from'"
                             ></app-base-step>
                             <app-stepper-navigation
                                 [prevStep]="null"
@@ -33,10 +25,7 @@
                             ></app-stepper-navigation>
                         </div>
                     </mat-step>
-                    <mat-step
-                        [stepControl]="prepareForm"
-                        errorMessage="Field is required"
-                    >
+                    <mat-step [stepControl]="prepareForm" errorMessage="Field is required">
                         <ng-template matStepLabel> Prepare </ng-template>
                         <div class="container-step">
                             <app-prepare-step
@@ -51,15 +40,9 @@
                             ></app-stepper-navigation>
                         </div>
                     </mat-step>
-                    <mat-step
-                        [stepControl]="readForm"
-                        errorMessage="Field is required"
-                    >
+                    <mat-step [stepControl]="readForm" errorMessage="Field is required">
                         <ng-template matStepLabel>
-                            <div
-                                class="stepper-header-overlay"
-                                (click)="onShowErrors()"
-                            ></div>
+                            <div class="stepper-header-overlay" (click)="onShowErrors()"></div>
                             Read</ng-template
                         >
                         <div class="container-step">
@@ -69,9 +52,7 @@
                                 [defaultKind]="READ_DEFAULT_KIND"
                                 [sectionName]="steps.READ"
                                 [eventYamlByHash]="eventYamlByHash"
-                                [description]="
-                                    'Defines how data is read into structured format'
-                                "
+                                [description]="'Defines how data is read into structured format'"
                             ></app-base-step>
                             <app-stepper-navigation
                                 [prevStep]="steps.PREPARE"
@@ -88,9 +69,7 @@
                                 [eventYamlByHash]="eventYamlByHash"
                                 [preprocessValue]="preprocessStepValue"
                                 [showPreprocessStep]="showPreprocessStep"
-                                (showPreprocessStepEmitter)="
-                                    onShowPreprcessStep($event)
-                                "
+                                (showPreprocessStepEmitter)="onShowPreprcessStep($event)"
                             ></app-preprocess-step>
                             <app-stepper-navigation
                                 [prevStep]="steps.READ"
@@ -113,14 +92,8 @@
                                     'Determines how newly-ingested data should be merged with existing history'
                                 "
                             >
-                                <div
-                                    *ngIf="errorMessage"
-                                    class="alert alert-danger mt-2"
-                                    role="alert"
-                                >
-                                    <p class="text-danger fs-6">
-                                        Error:<br />{{ errorMessage }}
-                                    </p>
+                                <div *ngIf="errorMessage" class="alert alert-danger mt-2" role="alert">
+                                    <p class="text-danger fs-6">Error:<br />{{ errorMessage }}</p>
                                 </div></app-base-step
                             >
                             <app-stepper-navigation
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.spec.ts
index 2e322878c..cc8f0222d 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.spec.ts
@@ -1,14 +1,7 @@
 import { ChangeDetectionStrategy } from "@angular/core";
 import { Apollo } from "apollo-angular";
 import { ApolloTestingModule } from "apollo-angular/testing";
-import {
-    FormArray,
-    FormBuilder,
-    FormControl,
-    FormGroup,
-    FormsModule,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormArray, FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { AddPollingSourceComponent } from "./add-polling-source.component";
 import { NgbModal, NgbModalRef, NgbModule } from "@ng-bootstrap/ng-bootstrap";
@@ -20,11 +13,7 @@ import { BaseStepComponent } from "./steps/base-step/base-step.component";
 import { PollingSourceFormComponentsModule } from "../form-components/polling-source-form-components.module";
 import { of, from } from "rxjs";
 import { mockDatasetHistoryResponse } from "src/app/search/mock.data";
-import {
-    DatasetKind,
-    DatasetPageInfoFragment,
-    MetadataBlockFragment,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetKind, DatasetPageInfoFragment, MetadataBlockFragment } from "src/app/api/kamu.graphql.interface";
 import { EditPollingSourceService } from "./edit-polling-source.service";
 import { SharedTestModule } from "src/app/common/shared-test.module";
 import { DatasetCommitService } from "../../../overview-component/services/dataset-commit.service";
@@ -39,11 +28,7 @@ describe("AddPollingSourceComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                AddPollingSourceComponent,
-                StepperNavigationComponent,
-                BaseStepComponent,
-            ],
+            declarations: [AddPollingSourceComponent, StepperNavigationComponent, BaseStepComponent],
             imports: [
                 ApolloTestingModule,
                 ReactiveFormsModule,
@@ -70,10 +55,10 @@ describe("AddPollingSourceComponent", () => {
         component.showPreprocessStep = false;
         component.currentStep = SetPollingSourceSection.FETCH;
         component.history = {
-            history: mockDatasetHistoryResponse.datasets.byOwnerAndName
-                ?.metadata.chain.blocks.nodes as MetadataBlockFragment[],
-            pageInfo: mockDatasetHistoryResponse.datasets.byOwnerAndName
-                ?.metadata.chain.blocks.pageInfo as DatasetPageInfoFragment,
+            history: mockDatasetHistoryResponse.datasets.byOwnerAndName?.metadata.chain.blocks
+                .nodes as MetadataBlockFragment[],
+            pageInfo: mockDatasetHistoryResponse.datasets.byOwnerAndName?.metadata.chain.blocks
+                .pageInfo as DatasetPageInfoFragment,
         };
         component.pollingSourceForm = new FormGroup({
             fetch: new FormGroup({
@@ -109,9 +94,7 @@ describe("AddPollingSourceComponent", () => {
 
     it("should check open edit modal", () => {
         component.ngOnInit();
-        const openModalSpy = spyOn(modalService, "open").and.returnValue(
-            modalRef,
-        );
+        const openModalSpy = spyOn(modalService, "open").and.returnValue(modalRef);
         component.onEditYaml();
         expect(openModalSpy).toHaveBeenCalledTimes(1);
     });
@@ -135,19 +118,14 @@ describe("AddPollingSourceComponent", () => {
 
     it("should check eventYamlByHash is not null", () => {
         const mockEventYamlByHash = "test_tyaml";
-        spyOn(editService, "getEventAsYaml").and.returnValue(
-            of(mockEventYamlByHash),
-        );
+        spyOn(editService, "getEventAsYaml").and.returnValue(of(mockEventYamlByHash));
         component.ngOnInit();
         expect(component.eventYamlByHash).toEqual(mockEventYamlByHash);
     });
 
     it("should check submit yaml", () => {
         component.ngOnInit();
-        const submitYamlSpy = spyOn(
-            datasetCommitService,
-            "commitEventToDataset",
-        ).and.returnValue(of());
+        const submitYamlSpy = spyOn(datasetCommitService, "commitEventToDataset").and.returnValue(of());
         component.onSaveEvent();
         expect(submitYamlSpy).toHaveBeenCalledTimes(1);
     });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.ts
index a3a2c0ecd..141f690c8 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/add-polling-source.component.ts
@@ -1,25 +1,13 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-import {
-    FetchKind,
-    ReadKind,
-    MergeKind,
-    PreprocessStepValue,
-} from "./add-polling-source-form.types";
+import { FetchKind, ReadKind, MergeKind, PreprocessStepValue } from "./add-polling-source-form.types";
 import { FinalYamlModalComponent } from "../final-yaml-modal/final-yaml-modal.component";
-import {
-    DatasetKind,
-    SetPollingSource,
-} from "./../../../../../api/kamu.graphql.interface";
+import { DatasetKind, SetPollingSource } from "./../../../../../api/kamu.graphql.interface";
 import { ChangeDetectionStrategy, Component, OnInit } from "@angular/core";
 import { FormArray, FormBuilder, FormGroup } from "@angular/forms";
 import { NgbModalRef } from "@ng-bootstrap/ng-bootstrap";
 import { SetPollingSourceSection } from "src/app/shared/shared.types";
-import {
-    FETCH_STEP_RADIO_CONTROLS,
-    MERGE_STEP_RADIO_CONTROLS,
-    READ_STEP_RADIO_CONTROLS,
-} from "./form-control.source";
+import { FETCH_STEP_RADIO_CONTROLS, MERGE_STEP_RADIO_CONTROLS, READ_STEP_RADIO_CONTROLS } from "./form-control.source";
 import { FETCH_FORM_DATA } from "./steps/data/fetch-form-data";
 import { READ_FORM_DATA } from "./steps/data/read-form-data";
 import { MERGE_FORM_DATA } from "./steps/data/merge-form-data";
@@ -42,10 +30,7 @@ import { BaseMainEventComponent } from "../base-main-event.component";
         },
     ],
 })
-export class AddPollingSourceComponent
-    extends BaseMainEventComponent
-    implements OnInit
-{
+export class AddPollingSourceComponent extends BaseMainEventComponent implements OnInit {
     public currentStep: SetPollingSourceSection = SetPollingSourceSection.FETCH;
     public steps: typeof SetPollingSourceSection = SetPollingSourceSection;
     public showPreprocessStep = false;
@@ -80,27 +65,19 @@ export class AddPollingSourceComponent
     });
 
     public get fetchForm(): FormGroup {
-        return this.pollingSourceForm.get(
-            SetPollingSourceSection.FETCH,
-        ) as FormGroup;
+        return this.pollingSourceForm.get(SetPollingSourceSection.FETCH) as FormGroup;
     }
 
     public get prepareForm(): FormArray {
-        return this.pollingSourceForm.get(
-            SetPollingSourceSection.PREPARE,
-        ) as FormArray;
+        return this.pollingSourceForm.get(SetPollingSourceSection.PREPARE) as FormArray;
     }
 
     public get readForm(): FormGroup {
-        return this.pollingSourceForm.get(
-            SetPollingSourceSection.READ,
-        ) as FormGroup;
+        return this.pollingSourceForm.get(SetPollingSourceSection.READ) as FormGroup;
     }
 
     public get mergeForm(): FormGroup {
-        return this.pollingSourceForm.get(
-            SetPollingSourceSection.MERGE,
-        ) as FormGroup;
+        return this.pollingSourceForm.get(SetPollingSourceSection.MERGE) as FormGroup;
     }
 
     constructor(
@@ -115,10 +92,7 @@ export class AddPollingSourceComponent
         this.getDatasetKind();
         this.trackSubscriptions(
             this.editService
-                .getEventAsYaml(
-                    this.getDatasetInfoFromUrl(),
-                    SupportedEvents.SetPollingSource,
-                )
+                .getEventAsYaml(this.getDatasetInfoFromUrl(), SupportedEvents.SetPollingSource)
                 .subscribe((result: string | undefined | null) => {
                     if (result) {
                         this.eventYamlByHash = result;
@@ -142,13 +116,8 @@ export class AddPollingSourceComponent
                     this.getDatasetInfoFromUrl().accountName,
                     this.getDatasetInfoFromUrl().datasetName,
                     this.yamlEventService.buildYamlSetPollingSourceEvent(
-                        this.pollingSourceForm.value as Omit<
-                            SetPollingSource,
-                            "__typename"
-                        >,
-                        this.showPreprocessStep
-                            ? this.preprocessStepValue
-                            : null,
+                        this.pollingSourceForm.value as Omit<SetPollingSource, "__typename">,
+                        this.showPreprocessStep ? this.preprocessStepValue : null,
                     ),
                 )
                 .subscribe(),
@@ -156,20 +125,14 @@ export class AddPollingSourceComponent
     }
 
     public onEditYaml(): void {
-        const modalRef: NgbModalRef = this.modalService.open(
-            FinalYamlModalComponent,
-            { size: "lg" },
-        );
+        const modalRef: NgbModalRef = this.modalService.open(FinalYamlModalComponent, { size: "lg" });
         const instance = modalRef.componentInstance as FinalYamlModalComponent;
         this.processFormService.transformForm(this.pollingSourceForm);
 
         instance.yamlTemplate = this.errorMessage
             ? this.changedEventYamlByHash
             : this.yamlEventService.buildYamlSetPollingSourceEvent(
-                  this.pollingSourceForm.value as Omit<
-                      SetPollingSource,
-                      "__typename"
-                  >,
+                  this.pollingSourceForm.value as Omit<SetPollingSource, "__typename">,
                   this.showPreprocessStep ? this.preprocessStepValue : null,
               );
         instance.datasetInfo = this.getDatasetInfoFromUrl();
@@ -193,8 +156,7 @@ export class AddPollingSourceComponent
     }
 
     public onShowErrors(): void {
-        const elems =
-            document.querySelectorAll<HTMLInputElement>("input.ng-invalid");
+        const elems = document.querySelectorAll<HTMLInputElement>("input.ng-invalid");
         elems.forEach((element: HTMLInputElement) => {
             setTimeout(() => {
                 element.focus();
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.spec.ts
index 19248b902..f61d94f3b 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.spec.ts
@@ -3,12 +3,7 @@ import { EditPollingSourceService } from "./edit-polling-source.service";
 import { Apollo } from "apollo-angular";
 import { DatasetApi } from "src/app/api/dataset.api";
 import { FormArray, FormBuilder, FormControl, FormGroup } from "@angular/forms";
-import {
-    EditFormType,
-    FetchKind,
-    MergeKind,
-    ReadKind,
-} from "./add-polling-source-form.types";
+import { EditFormType, FetchKind, MergeKind, ReadKind } from "./add-polling-source-form.types";
 import {
     mockDatasetInfo,
     mockHistoryEditPollingSourceService,
@@ -47,19 +42,15 @@ describe("EditPollingSourceService", () => {
 
     it("should check subscribe of getSetPollingSourceAsYaml", () => {
         const mockHistory = mockHistoryEditPollingSourceService;
-        spyOn(appDatasetService, "getDatasetHistory").and.returnValue(
-            of(mockHistory),
-        );
+        spyOn(appDatasetService, "getDatasetHistory").and.returnValue(of(mockHistory));
         spyOn(blockService, "requestMetadataBlock").and.returnValue(of());
         blockService.metadataBlockAsYamlChanges("test yaml");
-        service
-            .getEventAsYaml(mockDatasetInfo, SupportedEvents.SetPollingSource)
-            .subscribe(
-                () => null,
-                () => {
-                    expect(service.history).toBeDefined();
-                },
-            );
+        service.getEventAsYaml(mockDatasetInfo, SupportedEvents.SetPollingSource).subscribe(
+            () => null,
+            () => {
+                expect(service.history).toBeDefined();
+            },
+        );
     });
 
     it("should be check patch form with fetch url step and without headers", () => {
@@ -192,9 +183,7 @@ describe("EditPollingSourceService", () => {
         const groupName = SetPollingSourceSection.FETCH;
         service.patchFormValues(sectionFetchForm, editFormValue, groupName);
         expect(sectionFetchForm.value.image).toEqual(result.image);
-        expect(sectionFetchForm.value.command as string[]).toEqual(
-            result.command,
-        );
+        expect(sectionFetchForm.value.command as string[]).toEqual(result.command);
         expect(sectionFetchForm.value.args as string[]).toEqual(result.args);
     });
 
@@ -256,11 +245,7 @@ describe("EditPollingSourceService", () => {
         };
         service.patchFormValues(sectionMergeForm, editFormValue, groupName);
         expect(sectionMergeForm.value.kind).toEqual(result.kind);
-        expect(sectionMergeForm.value.primaryKey?.length).toEqual(
-            result.primaryKey.length,
-        );
-        expect(sectionMergeForm.value.compareColumns?.length).toEqual(
-            result.compareColumns.length,
-        );
+        expect(sectionMergeForm.value.primaryKey?.length).toEqual(result.primaryKey.length);
+        expect(sectionMergeForm.value.compareColumns?.length).toEqual(result.compareColumns.length);
     });
 });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.ts
index f725f9ae6..866c0158e 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/edit-polling-source.service.ts
@@ -1,12 +1,6 @@
 import { Injectable } from "@angular/core";
 import { parse } from "yaml";
-import {
-    EditFormParseType,
-    EditFormType,
-    FetchKind,
-    MergeKind,
-    NameValue,
-} from "./add-polling-source-form.types";
+import { EditFormParseType, EditFormType, FetchKind, MergeKind, NameValue } from "./add-polling-source-form.types";
 import { SetPollingSourceSection } from "src/app/shared/shared.types";
 import { FormArray, FormBuilder, FormGroup } from "@angular/forms";
 import { RxwebValidators } from "@rxweb/reactive-form-validators";
@@ -49,10 +43,7 @@ export class EditPollingSourceService extends BaseYamlEventService {
         }
     }
 
-    private patchFetchStep(
-        sectionForm: FormGroup,
-        editFormValue: EditFormType,
-    ): void {
+    private patchFetchStep(sectionForm: FormGroup, editFormValue: EditFormType): void {
         this.initFetchCommonControls(sectionForm, editFormValue);
         if (editFormValue.fetch.kind === FetchKind.URL) {
             this.initFetchUrlControls(sectionForm, editFormValue);
@@ -61,17 +52,10 @@ export class EditPollingSourceService extends BaseYamlEventService {
         }
     }
 
-    private patchReadStep(
-        sectionForm: FormGroup,
-        editFormValue: EditFormType,
-    ): void {
+    private patchReadStep(sectionForm: FormGroup, editFormValue: EditFormType): void {
         sectionForm.patchValue(editFormValue.read);
         const schema = sectionForm.controls.schema as FormArray;
-        if (
-            !(schema.value as string[]).length &&
-            editFormValue.read.schema &&
-            editFormValue.read.schema.length
-        ) {
+        if (!(schema.value as string[]).length && editFormValue.read.schema && editFormValue.read.schema.length) {
             editFormValue.read.schema.forEach((item) => {
                 const result = item.split(" ");
                 schema.push(
@@ -84,10 +68,7 @@ export class EditPollingSourceService extends BaseYamlEventService {
         }
     }
 
-    private patchMergeStep(
-        sectionForm: FormGroup,
-        editFormValue: EditFormType,
-    ): void {
+    private patchMergeStep(sectionForm: FormGroup, editFormValue: EditFormType): void {
         sectionForm.patchValue(editFormValue.merge);
         if (editFormValue.merge.kind !== MergeKind.APPEND) {
             const primaryKey = sectionForm.controls.primaryKey as FormArray;
@@ -96,49 +77,30 @@ export class EditPollingSourceService extends BaseYamlEventService {
             });
         }
         if (editFormValue.merge.kind === MergeKind.SNAPSHOT) {
-            const compareColumns = sectionForm.controls
-                .compareColumns as FormArray;
+            const compareColumns = sectionForm.controls.compareColumns as FormArray;
             editFormValue.merge.compareColumns?.forEach((item) => {
                 compareColumns.push(this.fb.control(item));
             });
         }
     }
 
-    private initFetchCommonControls(
-        sectionForm: FormGroup,
-        editFormValue: EditFormType,
-    ): void {
+    private initFetchCommonControls(sectionForm: FormGroup, editFormValue: EditFormType): void {
         sectionForm.patchValue(editFormValue.fetch);
         const eventTimeGroup = sectionForm.controls.eventTime as FormGroup;
         const pattern = editFormValue.fetch.eventTime?.pattern;
         const timestampFormat = editFormValue.fetch.eventTime?.timestampFormat;
-        eventTimeGroup.addControl(
-            this.PATTERN_CONTROL,
-            this.fb.control(pattern),
-        );
-        eventTimeGroup.addControl(
-            this.TIMESTAMP_FORMAT_CONTROL,
-            this.fb.control(timestampFormat),
-        );
+        eventTimeGroup.addControl(this.PATTERN_CONTROL, this.fb.control(pattern));
+        eventTimeGroup.addControl(this.TIMESTAMP_FORMAT_CONTROL, this.fb.control(timestampFormat));
     }
 
-    private initFetchUrlControls(
-        sectionForm: FormGroup,
-        editFormValue: EditFormType,
-    ): void {
+    private initFetchUrlControls(sectionForm: FormGroup, editFormValue: EditFormType): void {
         const headers = sectionForm.controls.headers as FormArray;
-        if (
-            (headers.value as NameValue[]).length == 0 &&
-            editFormValue.fetch.headers
-        ) {
+        if ((headers.value as NameValue[]).length == 0 && editFormValue.fetch.headers) {
             this.initNameValueControl(editFormValue.fetch.headers, headers);
         }
     }
 
-    private initFetchContainerControls(
-        sectionForm: FormGroup,
-        editFormValue: EditFormType,
-    ): void {
+    private initFetchContainerControls(sectionForm: FormGroup, editFormValue: EditFormType): void {
         const env = sectionForm.controls.env as FormArray;
         if (editFormValue.fetch.env) {
             this.initNameValueControl(editFormValue.fetch.env, env);
@@ -153,10 +115,7 @@ export class EditPollingSourceService extends BaseYamlEventService {
         });
     }
 
-    private initNameValueControl(
-        array: NameValue[],
-        formArray: FormArray,
-    ): void {
+    private initNameValueControl(array: NameValue[], formArray: FormArray): void {
         array.forEach((item) => {
             formArray.push(
                 this.fb.group({
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/form-control.source.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/form-control.source.ts
index 01b676265..1879d9a64 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/form-control.source.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/form-control.source.ts
@@ -1,9 +1,5 @@
 import { SetPollingSourceToolipsTexts } from "src/app/common/tooltips/tooltips.text";
-import {
-    FetchKind,
-    MergeKind,
-    ReadKind,
-} from "./add-polling-source-form.types";
+import { FetchKind, MergeKind, ReadKind } from "./add-polling-source-form.types";
 
 export interface RadioControlType {
     id: string;
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.spec.ts
index be093dfbc..b3117a177 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.spec.ts
@@ -39,10 +39,7 @@ describe("ProcessFormService", () => {
     });
 
     it("should check transform form is call", () => {
-        const transformFormSpy = spyOn(
-            service,
-            "transformForm",
-        ).and.callThrough();
+        const transformFormSpy = spyOn(service, "transformForm").and.callThrough();
         const initialResult = {
             fetch: {
                 order: "NONE",
@@ -105,9 +102,7 @@ describe("ProcessFormService", () => {
         expect(formGroupFetchContainer.value).toEqual(initialResult);
         service.transformForm(formGroupFetchContainer);
 
-        expect(formGroupFetchContainer.value as SchemaControlType).toEqual(
-            expectedResult,
-        );
+        expect(formGroupFetchContainer.value as SchemaControlType).toEqual(expectedResult);
     });
 
     it("should check parse command correct on the PREPARE step. ", () => {
@@ -142,15 +137,11 @@ describe("ProcessFormService", () => {
         const expectedResult = {
             fetch: { kind: "container" },
             read: { kind: "csv", schema: ["`id (A.M.)` BIGINT"] },
-            prepare: [
-                { kind: "pipe", command: ["i", "-c", "'1,/OBSERVATION/d'"] },
-            ],
+            prepare: [{ kind: "pipe", command: ["i", "-c", "'1,/OBSERVATION/d'"] }],
             merge: { kind: "append" },
         };
         service.transformForm(formGroupFetchContainer);
 
-        expect(formGroupFetchContainer.value as SchemaControlType).toEqual(
-            expectedResult,
-        );
+        expect(formGroupFetchContainer.value as SchemaControlType).toEqual(expectedResult);
     });
 });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.ts
index 52895798d..09c72f8c6 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/process-form.service.ts
@@ -1,18 +1,10 @@
 import { Injectable } from "@angular/core";
 import { FormGroup } from "@angular/forms";
 import { SchemaType } from "../form-components/schema-field/schema-field.component";
-import {
-    SchemaControlType,
-    OrderControlType,
-    SourceOrder,
-} from "./process-form.service.types";
+import { SchemaControlType, OrderControlType, SourceOrder } from "./process-form.service.types";
 import { SetPollingSource } from "src/app/api/kamu.graphql.interface";
 import { SetPollingSourceSection } from "src/app/shared/shared.types";
-import {
-    EditFormType,
-    FetchKind,
-    PrepareKind,
-} from "./add-polling-source-form.types";
+import { EditFormType, FetchKind, PrepareKind } from "./add-polling-source-form.types";
 import AppValues from "src/app/common/app.values";
 
 @Injectable({
@@ -30,17 +22,10 @@ export class ProcessFormService {
 
     private transformSchema(formGroup: FormGroup): void {
         const form = formGroup.value as SchemaControlType;
-        if (
-            form.read.schema?.length &&
-            typeof form.read.schema[0] !== "string"
-        ) {
-            form.read.schema = (form.read.schema as SchemaType[]).map(
-                (item) => {
-                    return `${this.processSchemaName(item.name.trim())} ${
-                        item.type
-                    }`;
-                },
-            );
+        if (form.read.schema?.length && typeof form.read.schema[0] !== "string") {
+            form.read.schema = (form.read.schema as SchemaType[]).map((item) => {
+                return `${this.processSchemaName(item.name.trim())} ${item.type}`;
+            });
         }
     }
 
@@ -48,13 +33,8 @@ export class ProcessFormService {
         const form = formGroup.value as EditFormType;
         if (form.prepare && form.prepare.length > 0) {
             form.prepare.map((item) => {
-                if (
-                    item.kind === PrepareKind.PIPE &&
-                    typeof item.command === "string"
-                ) {
-                    item.command = item.command
-                        .trim()
-                        .match(AppValues.SPLIT_ARGUMENTS_PATTERN) as string[];
+                if (item.kind === PrepareKind.PIPE && typeof item.command === "string") {
+                    item.command = item.command.trim().match(AppValues.SPLIT_ARGUMENTS_PATTERN) as string[];
                 }
                 if (item.kind === PrepareKind.DECOMPRESS && !item.subPath) {
                     delete item.subPath;
@@ -86,10 +66,7 @@ export class ProcessFormService {
 
     private removeEmptyControls(formGroup: FormGroup): void {
         const form = formGroup.value as SetPollingSource;
-        type FormKeys =
-            | SetPollingSourceSection.READ
-            | SetPollingSourceSection.MERGE
-            | SetPollingSourceSection.FETCH;
+        type FormKeys = SetPollingSourceSection.READ | SetPollingSourceSection.MERGE | SetPollingSourceSection.FETCH;
         const formKeys: FormKeys[] = [
             SetPollingSourceSection.READ,
             SetPollingSourceSection.MERGE,
@@ -106,15 +83,12 @@ export class ProcessFormService {
 
         if (
             // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-            formGroup.value[SetPollingSourceSection.FETCH].kind !==
-                FetchKind.CONTAINER &&
+            formGroup.value[SetPollingSourceSection.FETCH].kind !== FetchKind.CONTAINER &&
             // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-            !formGroup.value[SetPollingSourceSection.FETCH].eventTime
-                .timestampFormat
+            !formGroup.value[SetPollingSourceSection.FETCH].eventTime.timestampFormat
         ) {
             // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-            delete formGroup.value[SetPollingSourceSection.FETCH].eventTime
-                .timestampFormat;
+            delete formGroup.value[SetPollingSourceSection.FETCH].eventTime.timestampFormat;
         }
     }
 
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.html b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.html
index 2d5967d34..0be4cda73 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.html
@@ -3,18 +3,9 @@ <h2 class="text-center">
         {{ title }}
     </h2>
     <p class="text-center mb-4">{{ description }}</p>
-    <app-select-kind-field
-        [form]="sectionForm"
-        [data]="sectionStepRadioData"
-    ></app-select-kind-field>
+    <app-select-kind-field [form]="sectionForm" [data]="sectionStepRadioData"></app-select-kind-field>
     <div class="row">
-        <ng-container
-            *ngFor="
-                let control of sectionFormData[
-                    sectionForm.get(KIND_NAME_CONTROL)?.value
-                ]?.controls
-            "
-        >
+        <ng-container *ngFor="let control of sectionFormData[sectionForm.get(KIND_NAME_CONTROL)?.value]?.controls">
             <div class="col-md-8 offset-md-2 mt-4">
                 <ng-container *ngIf="control.type === controlType.TEXT">
                     <app-input-field
@@ -27,9 +18,7 @@ <h2 class="text-center">
                         [tooltip]="control.tooltip!"
                     ></app-input-field>
                 </ng-container>
-                <ng-container
-                    *ngIf="control.type === controlType.ARRAY_KEY_VALUE"
-                >
+                <ng-container *ngIf="control.type === controlType.ARRAY_KEY_VALUE">
                     <app-key-value-field
                         [form]="sectionForm"
                         [controlName]="control.options?.formArrayName!"
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.spec.ts
index d66a961c1..f9be18c38 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.spec.ts
@@ -1,11 +1,5 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import {
-    FormArray,
-    FormBuilder,
-    FormControl,
-    FormGroupDirective,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormArray, FormBuilder, FormControl, FormGroupDirective, ReactiveFormsModule } from "@angular/forms";
 import { BaseStepComponent } from "./base-step.component";
 import { FetchKind } from "../../add-polling-source-form.types";
 import { FETCH_FORM_DATA } from "../data/fetch-form-data";
@@ -35,12 +29,7 @@ describe("BaseStepComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [BaseStepComponent, TooltipIconComponent],
-            imports: [
-                ReactiveFormsModule,
-                NgbTooltipModule,
-                PollingSourceFormComponentsModule,
-                SharedTestModule,
-            ],
+            imports: [ReactiveFormsModule, NgbTooltipModule, PollingSourceFormComponentsModule, SharedTestModule],
             providers: [
                 Apollo,
                 DatasetApi,
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.ts
index fcbb44abf..2c83c69a2 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/base-step/base-step.component.ts
@@ -1,20 +1,9 @@
 import { BaseComponent } from "src/app/common/base.component";
-import {
-    ControlType,
-    EditFormType,
-    EventTimeSourceKind,
-    JsonFormData,
-} from "../../add-polling-source-form.types";
+import { ControlType, EditFormType, EventTimeSourceKind, JsonFormData } from "../../add-polling-source-form.types";
 import { RadioControlType } from "../../form-control.source";
 import { FormBuilder } from "@angular/forms";
 import { ControlContainer, FormGroupDirective } from "@angular/forms";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from "@angular/core";
 import { FormGroup } from "@angular/forms";
 import { JsonFormControls } from "../../add-polling-source-form.types";
 import { DataHelpers, getValidators } from "src/app/common/data.helpers";
@@ -27,9 +16,7 @@ import { MaybeNull } from "src/app/common/app.types";
     templateUrl: "./base-step.component.html",
     styleUrls: ["./base-step.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    viewProviders: [
-        { provide: ControlContainer, useExisting: FormGroupDirective },
-    ],
+    viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
 })
 export class BaseStepComponent extends BaseComponent implements OnInit {
     public parentForm: FormGroup;
@@ -43,8 +30,7 @@ export class BaseStepComponent extends BaseComponent implements OnInit {
     public controlType: typeof ControlType = ControlType;
     public readonly KIND_NAME_CONTROL = "kind";
     public readonly SCHEMA_NAME_CONTROL = "schema";
-    private readonly DEFAULT_EVENT_TIME_SOURCE =
-        EventTimeSourceKind.FROM_METADATA;
+    private readonly DEFAULT_EVENT_TIME_SOURCE = EventTimeSourceKind.FROM_METADATA;
     private readonly EVENT_TIME_CONTROL = "eventTime";
 
     constructor(
@@ -66,9 +52,7 @@ export class BaseStepComponent extends BaseComponent implements OnInit {
 
     ngOnInit(): void {
         this.parentForm = this.rootFormGroupDirective.form;
-        this.initForm(
-            this.sectionForm.get(this.KIND_NAME_CONTROL)?.value as string,
-        );
+        this.initForm(this.sectionForm.get(this.KIND_NAME_CONTROL)?.value as string);
         this.chooseFetchKind();
         this.initEditForm();
         this.cdr.detectChanges();
@@ -76,68 +60,41 @@ export class BaseStepComponent extends BaseComponent implements OnInit {
 
     private initEditForm(): void {
         if (this.eventYamlByHash) {
-            this.editFormValue = this.editService.parseEventFromYaml(
-                this.eventYamlByHash,
-            );
-            this.editService.patchFormValues(
-                this.sectionForm,
-                this.editFormValue,
-                this.sectionName,
-            );
+            this.editFormValue = this.editService.parseEventFromYaml(this.eventYamlByHash);
+            this.editService.patchFormValues(this.sectionForm, this.editFormValue, this.sectionName);
         }
     }
 
     private chooseFetchKind(): void {
-        const subscription = this.sectionForm
-            .get(this.KIND_NAME_CONTROL)
-            ?.valueChanges.subscribe((kind: string) => {
-                Object.keys(this.sectionForm.value as object)
-                    .filter(
-                        (key: string) =>
-                            ![
-                                this.KIND_NAME_CONTROL,
-                                this.SCHEMA_NAME_CONTROL,
-                            ].includes(key),
-                    )
-                    .forEach((item: string) => {
-                        if (item !== this.EVENT_TIME_CONTROL)
-                            this.sectionForm.removeControl(item);
-                    });
-                this.initForm(kind);
-            });
+        const subscription = this.sectionForm.get(this.KIND_NAME_CONTROL)?.valueChanges.subscribe((kind: string) => {
+            Object.keys(this.sectionForm.value as object)
+                .filter((key: string) => ![this.KIND_NAME_CONTROL, this.SCHEMA_NAME_CONTROL].includes(key))
+                .forEach((item: string) => {
+                    if (item !== this.EVENT_TIME_CONTROL) this.sectionForm.removeControl(item);
+                });
+            this.initForm(kind);
+        });
         if (subscription) this.trackSubscription(subscription);
     }
 
     private isArrayControl(type: ControlType): boolean {
-        return [
-            this.controlType.ARRAY_KEY_VALUE,
-            this.controlType.ARRAY_KEY,
-            this.controlType.SCHEMA,
-        ].includes(type);
+        return [this.controlType.ARRAY_KEY_VALUE, this.controlType.ARRAY_KEY, this.controlType.SCHEMA].includes(type);
     }
 
     private initForm(kind: string): void {
-        this.sectionFormData[kind].controls.forEach(
-            (item: JsonFormControls) => {
-                if (this.isArrayControl(item.type)) {
-                    this.sectionForm.addControl(item.name, this.fb.array([]));
-                } else if (item.type === this.controlType.EVENT_TIME) {
-                    this.sectionForm.addControl(
-                        item.name,
-                        this.fb.group({
-                            kind: [this.DEFAULT_EVENT_TIME_SOURCE],
-                        }),
-                    );
-                } else {
-                    this.sectionForm.addControl(
-                        item.name,
-                        this.fb.control(
-                            item.value,
-                            getValidators(item.validators),
-                        ),
-                    );
-                }
-            },
-        );
+        this.sectionFormData[kind].controls.forEach((item: JsonFormControls) => {
+            if (this.isArrayControl(item.type)) {
+                this.sectionForm.addControl(item.name, this.fb.array([]));
+            } else if (item.type === this.controlType.EVENT_TIME) {
+                this.sectionForm.addControl(
+                    item.name,
+                    this.fb.group({
+                        kind: [this.DEFAULT_EVENT_TIME_SOURCE],
+                    }),
+                );
+            } else {
+                this.sectionForm.addControl(item.name, this.fb.control(item.value, getValidators(item.validators)));
+            }
+        });
     }
 }
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/fetch-form-data.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/fetch-form-data.ts
index 77897e79b..a33ce98ff 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/fetch-form-data.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/fetch-form-data.ts
@@ -25,10 +25,8 @@ export const FETCH_FORM_DATA: JsonFormData = {
                 tooltip: SetPollingSourceToolipsTexts.EVENT_TIME,
                 options: {
                     innerTooltips: {
-                        fromMetadata:
-                            SetPollingSourceToolipsTexts.EVENT_TIME_FROM_METADATA,
-                        fromPath:
-                            SetPollingSourceToolipsTexts.EVENT_TIME_FROM_PATH,
+                        fromMetadata: SetPollingSourceToolipsTexts.EVENT_TIME_FROM_METADATA,
+                        fromPath: SetPollingSourceToolipsTexts.EVENT_TIME_FROM_PATH,
                     },
                 },
                 validators: {},
@@ -86,10 +84,8 @@ export const FETCH_FORM_DATA: JsonFormData = {
                 validators: {},
                 options: {
                     innerTooltips: {
-                        fromMetadata:
-                            SetPollingSourceToolipsTexts.EVENT_TIME_FROM_METADATA,
-                        fromPath:
-                            SetPollingSourceToolipsTexts.EVENT_TIME_FROM_PATH,
+                        fromMetadata: SetPollingSourceToolipsTexts.EVENT_TIME_FROM_METADATA,
+                        fromPath: SetPollingSourceToolipsTexts.EVENT_TIME_FROM_PATH,
                     },
                 },
             },
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/read-form-data.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/read-form-data.ts
index ba9d13751..f9c7cd863 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/read-form-data.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/data/read-form-data.ts
@@ -131,11 +131,7 @@ export const READ_FORM_DATA: JsonFormData = {
                 type: ControlType.TYPEAHEAD,
                 tooltip: SetPollingSourceToolipsTexts.DATE_FORMAT,
                 placeholder: "--Select format--",
-                list: [
-                    "yyyy-MM-dd:mm:ss.sss",
-                    "yyyy-MM-dd:mm:ss",
-                    "yyyy-MM-dd",
-                ],
+                list: ["yyyy-MM-dd:mm:ss.sss", "yyyy-MM-dd:mm:ss", "yyyy-MM-dd"],
                 validators: {},
             },
             {
@@ -145,11 +141,7 @@ export const READ_FORM_DATA: JsonFormData = {
                 type: ControlType.TYPEAHEAD,
                 placeholder: "--Select format--",
                 tooltip: SetPollingSourceToolipsTexts.TIMESTAMP_FORMAT,
-                list: [
-                    "yyyy-MM-dd'T'HH:mm:ss[.SSS][XXX]",
-                    "yyyy-MM-dd'T'HH:mm:ss",
-                    "yyyy-MM-dd",
-                ],
+                list: ["yyyy-MM-dd'T'HH:mm:ss[.SSS][XXX]", "yyyy-MM-dd'T'HH:mm:ss", "yyyy-MM-dd"],
                 validators: {},
             },
             {
@@ -184,8 +176,7 @@ export const READ_FORM_DATA: JsonFormData = {
                 label: "Ignore trailing whitespace",
                 value: false,
                 type: ControlType.CHECKBOX,
-                tooltip:
-                    SetPollingSourceToolipsTexts.QUIGNORE_TRAILING_WHITESPACEOTE,
+                tooltip: SetPollingSourceToolipsTexts.QUIGNORE_TRAILING_WHITESPACEOTE,
                 validators: {},
                 dataTestId: "ignoreTrailingWhiteSpace",
             },
@@ -226,11 +217,7 @@ export const READ_FORM_DATA: JsonFormData = {
                 type: ControlType.TYPEAHEAD,
                 tooltip: SetPollingSourceToolipsTexts.DATE_FORMAT,
                 placeholder: "--Select format--",
-                list: [
-                    "yyyy-MM-dd:mm:ss.sss",
-                    "yyyy-MM-dd:mm:ss",
-                    "yyyy-MM-dd",
-                ],
+                list: ["yyyy-MM-dd:mm:ss.sss", "yyyy-MM-dd:mm:ss", "yyyy-MM-dd"],
                 validators: {},
             },
             {
@@ -240,11 +227,7 @@ export const READ_FORM_DATA: JsonFormData = {
                 type: ControlType.TYPEAHEAD,
                 placeholder: "--Select format--",
                 tooltip: SetPollingSourceToolipsTexts.TIMESTAMP_FORMAT,
-                list: [
-                    "yyyy-MM-dd'T'HH:mm:ss[.SSS][XXX]",
-                    "yyyy-MM-dd'T'HH:mm:ss",
-                    "yyyy-MM-dd",
-                ],
+                list: ["yyyy-MM-dd'T'HH:mm:ss[.SSS][XXX]", "yyyy-MM-dd'T'HH:mm:ss", "yyyy-MM-dd"],
                 validators: {},
             },
             {
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.html b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.html
index 409f8440a..5c11451b4 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.html
@@ -2,52 +2,30 @@ <h2 class="text-center">Prepare</h2>
 <div class="d-flex justify-content-center flex-column align-items-center mt-4">
     <p class="text-center mt-2">
         Defines how raw data is prepared before reading. You can add
-        <a class="prepare-item" (click)="addPipe()" data-test-id="add-pipe"
-            >Pipe</a
-        >
+        <a class="prepare-item" (click)="addPipe()" data-test-id="add-pipe">Pipe</a>
         and
-        <a
-            class="prepare-item"
-            (click)="addDecompress()"
-            data-test-id="add-decompress"
-        >
-            Decompress</a
-        >
+        <a class="prepare-item" (click)="addDecompress()" data-test-id="add-decompress"> Decompress</a>
         steps.
     </p>
 </div>
 <div [formArrayName]="sectionName">
     <div *ngFor="let item of sectionForm.controls; index as i">
         <ng-container *ngIf="item.value.kind === 'pipe'" [formGroupName]="i">
-            <div
-                class="p-4 border rounded-3 m-4 w-50 mx-auto position-relative"
-            >
+            <div class="p-4 border rounded-3 m-4 w-50 mx-auto position-relative">
                 <h3 class="text-center">Pipe</h3>
                 <div>
-                    <label class="form-label">
-                        Command <span class="text-danger">*</span>
-                    </label>
+                    <label class="form-label"> Command <span class="text-danger">*</span> </label>
                 </div>
-                <input
-                    class="form-control"
-                    formControlName="command"
-                    required
-                />
+                <input class="form-control" formControlName="command" required />
 
                 <div
                     *ngIf="
-                        sectionForm.controls[i].get('command')?.errors
-                            ?.required &&
+                        sectionForm.controls[i].get('command')?.errors?.required &&
                         sectionForm.controls[i].get('command')?.touched
                     "
                     class="mt-1"
                 >
-                    <span
-                        class="text-danger fs-12"
-                        attr.data-test-id="error-{{ i }}-required"
-                    >
-                        Field is required</span
-                    >
+                    <span class="text-danger fs-12" attr.data-test-id="error-{{ i }}-required"> Field is required</span>
                 </div>
                 <div class="buttons-section d-flex flex-row">
                     <button
@@ -79,13 +57,8 @@ <h3 class="text-center">Pipe</h3>
                 </div>
             </div>
         </ng-container>
-        <ng-container
-            *ngIf="item.value.kind === 'decompress'"
-            [formGroupName]="i"
-        >
-            <div
-                class="p-4 border rounded-3 m-4 w-50 mx-auto position-relative"
-            >
+        <ng-container *ngIf="item.value.kind === 'decompress'" [formGroupName]="i">
+            <div class="p-4 border rounded-3 m-4 w-50 mx-auto position-relative">
                 <h3 class="text-center">Decompress</h3>
                 <div class="mb-3">
                     <label class="form-label">Format </label>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.spec.ts
index c8932fb09..7537b188a 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.spec.ts
@@ -1,10 +1,6 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { PrepareStepComponent } from "./prepare-step.component";
-import {
-    FormBuilder,
-    FormGroupDirective,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormBuilder, FormGroupDirective, ReactiveFormsModule } from "@angular/forms";
 import { Apollo } from "apollo-angular";
 import { DatasetApi } from "src/app/api/dataset.api";
 import { formGroupDirective } from "../base-step/base-step.component.spec";
@@ -13,10 +9,7 @@ import { SetPollingSourceSection } from "src/app/shared/shared.types";
 import { MatIconModule } from "@angular/material/icon";
 import { mockSetPollingSourceEventYaml } from "../../../set-transform/mock.data";
 import { emitClickOnElementByDataTestId } from "src/app/common/base-test.helpers.spec";
-import {
-    DecompressFormat,
-    PrepareKind,
-} from "../../add-polling-source-form.types";
+import { DecompressFormat, PrepareKind } from "../../add-polling-source-form.types";
 
 describe("PrepareStepComponent", () => {
     let component: PrepareStepComponent;
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.ts
index 6bed0e907..38150e082 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/prepare-step/prepare-step.component.ts
@@ -1,25 +1,9 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
-import {
-    ControlContainer,
-    FormArray,
-    FormBuilder,
-    FormGroup,
-    FormGroupDirective,
-    Validators,
-} from "@angular/forms";
+import { ChangeDetectionStrategy, Component, Input, OnInit } from "@angular/core";
+import { ControlContainer, FormArray, FormBuilder, FormGroup, FormGroupDirective, Validators } from "@angular/forms";
 import { MaybeNull } from "src/app/common/app.types";
 import { BaseComponent } from "src/app/common/base.component";
 import { SetPollingSourceSection } from "src/app/shared/shared.types";
-import {
-    DecompressFormat,
-    EditFormType,
-    PrepareKind,
-} from "../../add-polling-source-form.types";
+import { DecompressFormat, EditFormType, PrepareKind } from "../../add-polling-source-form.types";
 import { EditPollingSourceService } from "../../edit-polling-source.service";
 
 @Component({
@@ -27,9 +11,7 @@ import { EditPollingSourceService } from "../../edit-polling-source.service";
     templateUrl: "./prepare-step.component.html",
     styleUrls: ["./prepare-step.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    viewProviders: [
-        { provide: ControlContainer, useExisting: FormGroupDirective },
-    ],
+    viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
 })
 export class PrepareStepComponent extends BaseComponent implements OnInit {
     @Input() public eventYamlByHash: MaybeNull<string> = null;
@@ -48,9 +30,7 @@ export class PrepareStepComponent extends BaseComponent implements OnInit {
     ngOnInit(): void {
         this.parentForm = this.rootFormGroupDirective.form;
         if (this.eventYamlByHash) {
-            this.setPollingSourceEvent = this.editService.parseEventFromYaml(
-                this.eventYamlByHash,
-            );
+            this.setPollingSourceEvent = this.editService.parseEventFromYaml(this.eventYamlByHash);
             this.initExistingPrepareStep(this.setPollingSourceEvent);
         }
     }
@@ -59,10 +39,7 @@ export class PrepareStepComponent extends BaseComponent implements OnInit {
         let group: FormGroup;
         if (event.prepare && this.sectionForm.length === 0) {
             event.prepare.forEach((item) => {
-                if (
-                    item.kind === PrepareKind.PIPE &&
-                    Array.isArray(item.command)
-                ) {
+                if (item.kind === PrepareKind.PIPE && Array.isArray(item.command)) {
                     group = this.fb.group({
                         kind: this.fb.control(PrepareKind.PIPE),
                         command: this.fb.control(
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.html b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.html
index 04ccbef5d..d1933dc79 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.html
@@ -12,8 +12,7 @@ <h2 class="text-center">Preprocess</h2>
         <label class="form-check-label"> Use Preprocess step </label>
     </div>
     <div *ngIf="!showPreprocessStep" class="text-muted text-center fs-6 mt-2">
-        Enable preprocessing query, if you would like to transform your data
-        during the ingestion process
+        Enable preprocessing query, if you would like to transform your data during the ingestion process
     </div>
 </div>
 
@@ -22,9 +21,7 @@ <h2 class="text-center">Preprocess</h2>
         <div class="col-lg-4 ps-4">
             <div class="container-engine">
                 <app-engine-section
-                    [currentSetTransformEvent]="
-                        setPollingSourceEvent?.preprocess
-                    "
+                    [currentSetTransformEvent]="setPollingSourceEvent?.preprocess"
                     [selectedEngine]="preprocessValue.engine"
                     (onEmitSelectedEngine)="onSelectEngine($event)"
                 ></app-engine-section>
@@ -32,9 +29,7 @@ <h2 class="text-center">Preprocess</h2>
         </div>
         <div class="col-lg-8">
             <div class="mt-4 px-4">
-                <app-queries-section
-                    [queries]="preprocessValue.queries"
-                ></app-queries-section>
+                <app-queries-section [queries]="preprocessValue.queries"></app-queries-section>
             </div>
         </div>
     </div>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.spec.ts
index 68dd71236..45820e7b5 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.spec.ts
@@ -24,11 +24,7 @@ describe("PreprocessStepComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                PreprocessStepComponent,
-                QueriesSectionComponent,
-                EngineSectionComponent,
-            ],
+            declarations: [PreprocessStepComponent, QueriesSectionComponent, EngineSectionComponent],
             imports: [
                 ReactiveFormsModule,
                 ApolloModule,
@@ -57,10 +53,7 @@ describe("PreprocessStepComponent", () => {
     });
 
     it("should check switch showPreprocess checkbox", () => {
-        const onCheckedPreprocessStepSpy = spyOn(
-            component.showPreprocessStepEmitter,
-            "emit",
-        );
+        const onCheckedPreprocessStepSpy = spyOn(component.showPreprocessStepEmitter, "emit");
         emitClickOnElementByDataTestId(fixture, "showPreprocessStep");
         expect(onCheckedPreprocessStepSpy).toHaveBeenCalledTimes(1);
     });
@@ -68,9 +61,7 @@ describe("PreprocessStepComponent", () => {
     it("should check select engine", () => {
         fixture.detectChanges();
         const selectedEngine = "FLINK";
-        expect(component.preprocessValue.engine).toEqual(
-            mockPreprocessStepValue.engine,
-        );
+        expect(component.preprocessValue.engine).toEqual(mockPreprocessStepValue.engine);
         component.onSelectEngine(selectedEngine);
         expect(component.preprocessValue.engine).toEqual(selectedEngine);
     });
@@ -90,8 +81,7 @@ describe("PreprocessStepComponent", () => {
     });
 
     it("should check init default state without queries", () => {
-        component.eventYamlByHash =
-            mockSetPollingSourceEventYamlWithoutPreprocess;
+        component.eventYamlByHash = mockSetPollingSourceEventYamlWithoutPreprocess;
         component.preprocessValue = mockPreprocessStepValueWithoutQueries;
         fixture.detectChanges();
         expect(component.preprocessValue.queries.length).toEqual(1);
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.ts
index 9010c861b..b2cd32448 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component.ts
@@ -1,15 +1,5 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output,
-} from "@angular/core";
-import {
-    EditFormType,
-    PreprocessStepValue,
-} from "../../add-polling-source-form.types";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
+import { EditFormType, PreprocessStepValue } from "../../add-polling-source-form.types";
 import { MaybeNull } from "src/app/common/app.types";
 import { EditPollingSourceService } from "../../edit-polling-source.service";
 import { BaseComponent } from "src/app/common/base.component";
@@ -33,9 +23,7 @@ export class PreprocessStepComponent extends BaseComponent implements OnInit {
 
     ngOnInit(): void {
         if (this.eventYamlByHash) {
-            this.setPollingSourceEvent = this.editService.parseEventFromYaml(
-                this.eventYamlByHash,
-            );
+            this.setPollingSourceEvent = this.editService.parseEventFromYaml(this.eventYamlByHash);
             if (this.setPollingSourceEvent.preprocess) {
                 this.showPreprocessStepEmitter.emit(true);
                 this.initExistingQueries();
@@ -68,12 +56,9 @@ export class PreprocessStepComponent extends BaseComponent implements OnInit {
     private initExistingQueries(): void {
         if (this.preprocessValue.queries.length === 0) {
             if (this.setPollingSourceEvent?.preprocess?.query) {
-                this.initDefaultQueriesSection(
-                    this.setPollingSourceEvent.preprocess.query,
-                );
+                this.initDefaultQueriesSection(this.setPollingSourceEvent.preprocess.query);
             } else if (this.setPollingSourceEvent?.preprocess?.queries.length) {
-                this.preprocessValue.queries =
-                    this.setPollingSourceEvent.preprocess.queries;
+                this.preprocessValue.queries = this.setPollingSourceEvent.preprocess.queries;
             }
         }
     }
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/base-main-event.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/base-main-event.component.ts
index b2d2773f3..65e7e5cce 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/base-main-event.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/base-main-event.component.ts
@@ -21,12 +21,10 @@ export abstract class BaseMainEventComponent extends BaseComponent {
 
     protected subsribeErrorMessage(): void {
         this.trackSubscription(
-            this.datasetCommitService.onErrorCommitEventChanges.subscribe(
-                (message: string) => {
-                    this.errorMessage = message;
-                    this.cdr.detectChanges();
-                },
-            ),
+            this.datasetCommitService.onErrorCommitEventChanges.subscribe((message: string) => {
+                this.errorMessage = message;
+                this.cdr.detectChanges();
+            }),
         );
     }
 
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.html b/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.html
index d3aa951ab..72dc8c2a2 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.html
@@ -4,12 +4,7 @@
             <span class="fs-4 fw-bold"> Edit final YAML</span>
         </div>
         <div>
-            <button
-                type="button"
-                class="btn-close"
-                aria-label="Close"
-                (click)="activeModal.close()"
-            ></button>
+            <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()"></button>
         </div>
     </div>
 
@@ -25,14 +20,7 @@
         </div>
     </div>
     <div class="modal-footer">
-        <button
-            ngbAutofocus
-            type="button"
-            class="btn btn-outline-danger"
-            (click)="activeModal.close()"
-        >
-            Cancel
-        </button>
+        <button ngbAutofocus type="button" class="btn btn-outline-danger" (click)="activeModal.close()">Cancel</button>
         <button
             ngbAutofocus
             type="button"
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.spec.ts
index eaf797b0c..9ae0c8d42 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.spec.ts
@@ -25,12 +25,7 @@ describe("FinalYamlModalComponent", () => {
         await TestBed.configureTestingModule({
             declarations: [FinalYamlModalComponent],
             providers: [NgbActiveModal],
-            imports: [
-                ApolloModule,
-                FormsModule,
-                MonacoEditorModule.forRoot(),
-                SharedTestModule,
-            ],
+            imports: [ApolloModule, FormsModule, MonacoEditorModule.forRoot(), SharedTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(FinalYamlModalComponent);
@@ -47,10 +42,7 @@ describe("FinalYamlModalComponent", () => {
     });
 
     it("should save event", () => {
-        const commitEventToDatasetSpy = spyOn(
-            datasetCommitService,
-            "commitEventToDataset",
-        ).and.returnValue(of());
+        const commitEventToDatasetSpy = spyOn(datasetCommitService, "commitEventToDataset").and.returnValue(of());
         const closeModalSpy = spyOn(activeModal, "close");
 
         emitClickOnElementByDataTestId(fixture, "save-event");
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.ts
index b21122a00..c6dbcb416 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/final-yaml-modal/final-yaml-modal.component.ts
@@ -15,32 +15,24 @@ export class FinalYamlModalComponent extends BaseComponent {
     @Input() public yamlTemplate: string;
     @Input() public datasetInfo: DatasetInfo;
     @Input() public enabledSaveBtn = true;
-    public readonly yamlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions =
-        {
-            theme: "vs",
-            language: "yaml",
-            renderLineHighlight: "none",
-            minimap: {
-                enabled: false,
-            },
-            scrollBeyondLastLine: false,
-        };
+    public readonly yamlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions = {
+        theme: "vs",
+        language: "yaml",
+        renderLineHighlight: "none",
+        minimap: {
+            enabled: false,
+        },
+        scrollBeyondLastLine: false,
+    };
 
-    constructor(
-        public activeModal: NgbActiveModal,
-        private datasetCommitService: DatasetCommitService,
-    ) {
+    constructor(public activeModal: NgbActiveModal, private datasetCommitService: DatasetCommitService) {
         super();
     }
 
     public saveEvent(): void {
         this.trackSubscription(
             this.datasetCommitService
-                .commitEventToDataset(
-                    this.datasetInfo.accountName,
-                    this.datasetInfo.datasetName,
-                    this.yamlTemplate,
-                )
+                .commitEventToDataset(this.datasetInfo.accountName, this.datasetInfo.datasetName, this.yamlTemplate)
                 .subscribe(),
         );
         this.activeModal.close(this.yamlTemplate);
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.html b/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.html
index 9c3ad222b..4ff19775d 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.html
@@ -7,16 +7,9 @@
         <div *ngFor="let key of items?.controls; index as i">
             <div class="row mt-3">
                 <div class="col-md-10">
-                    <input
-                        class="form-control"
-                        [placeholder]="placeholder"
-                        formControlName="{{ i }}"
-                        trim
-                    />
+                    <input class="form-control" [placeholder]="placeholder" formControlName="{{ i }}" trim />
                 </div>
-                <div
-                    class="col-md-2 d-flex justify-content-end align-items-center"
-                >
+                <div class="col-md-2 d-flex justify-content-end align-items-center">
                     <button
                         class="btn btn-light"
                         type="button"
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.spec.ts
index b9f9092b9..4f2458e96 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/array-keys-field/array-keys-field.component.spec.ts
@@ -1,10 +1,5 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import {
-    FormArray,
-    FormBuilder,
-    FormGroup,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormArray, FormBuilder, FormGroup, ReactiveFormsModule } from "@angular/forms";
 import { ArrayKeysFieldComponent } from "./array-keys-field.component";
 import { TooltipIconComponent } from "src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component";
 import { NgbTooltipModule } from "@ng-bootstrap/ng-bootstrap";
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/cache-field/cache-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/cache-field/cache-field.component.spec.ts
index 40628d247..58b375927 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/cache-field/cache-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/cache-field/cache-field.component.spec.ts
@@ -1,19 +1,7 @@
-import {
-    ComponentFixture,
-    TestBed,
-    fakeAsync,
-    flush,
-    tick,
-} from "@angular/core/testing";
+import { ComponentFixture, TestBed, fakeAsync, flush, tick } from "@angular/core/testing";
 
 import { CacheFieldComponent } from "./cache-field.component";
-import {
-    FormBuilder,
-    FormControl,
-    FormGroup,
-    FormsModule,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { TooltipIconComponent } from "src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component";
 import { NgbTooltipModule } from "@ng-bootstrap/ng-bootstrap";
 import { findElement } from "src/app/common/base-test.helpers.spec";
@@ -28,12 +16,7 @@ describe("CacheFieldComponent", () => {
         await TestBed.configureTestingModule({
             declarations: [CacheFieldComponent, TooltipIconComponent],
             providers: [FormBuilder],
-            imports: [
-                ReactiveFormsModule,
-                FormsModule,
-                NgbTooltipModule,
-                SharedTestModule,
-            ],
+            imports: [ReactiveFormsModule, FormsModule, NgbTooltipModule, SharedTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(CacheFieldComponent);
@@ -49,14 +32,8 @@ describe("CacheFieldComponent", () => {
     });
 
     it("should check checked and unchecked value", fakeAsync(() => {
-        const cacheCheckbox = findElement(
-            fixture,
-            '[data-test-id="cache-control"]',
-        );
-        const onCheckedCacheSpy = spyOn(
-            component,
-            "onCheckedCache",
-        ).and.callThrough();
+        const cacheCheckbox = findElement(fixture, '[data-test-id="cache-control"]');
+        const onCheckedCacheSpy = spyOn(component, "onCheckedCache").and.callThrough();
 
         cacheCheckbox.triggerEventHandler("change", {
             target: { checked: true },
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.html b/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.html
index 75eec264a..7482991c8 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.html
@@ -1,10 +1,7 @@
 <div [formGroup]="form">
     <div class="d-flex">
         <app-tooltip-icon [tooltip]="tooltip"></app-tooltip-icon>
-        <label class="form-label"
-            >{{ label }}
-            <span *ngIf="requiredField" class="text-danger">*</span></label
-        >
+        <label class="form-label">{{ label }} <span *ngIf="requiredField" class="text-danger">*</span></label>
     </div>
     <input
         class="form-control"
@@ -14,33 +11,19 @@
         [value]="value"
         trim
     />
-    <div
-        *ngIf="
-            form.get(controlName)?.invalid &&
-            (form.get(controlName)?.touched || form.get(controlName)?.dirty)
-        "
-    >
+    <div *ngIf="form.get(controlName)?.invalid && (form.get(controlName)?.touched || form.get(controlName)?.dirty)">
         <div *ngIf="form?.get(controlName)?.errors?.required" class="mt-1">
-            <span
-                class="text-danger fs-12"
-                attr.data-test-id="error-{{ controlName }}-required"
-            >
+            <span class="text-danger fs-12" attr.data-test-id="error-{{ controlName }}-required">
                 Field is required</span
             >
         </div>
         <div *ngIf="form?.get(controlName)?.errors?.pattern" class="mt-1">
-            <span
-                class="text-danger fs-12"
-                attr.data-test-id="error-{{ controlName }}-pattern"
-            >
+            <span class="text-danger fs-12" attr.data-test-id="error-{{ controlName }}-pattern">
                 Field format is wrong</span
             >
         </div>
         <div *ngIf="form?.get(controlName)?.errors?.maxlength" class="mt-1">
-            <span
-                class="text-danger fs-12"
-                attr.data-test-id="error-{{ controlName }}-maxLength"
-            >
+            <span class="text-danger fs-12" attr.data-test-id="error-{{ controlName }}-maxLength">
                 Field can be max 1 character</span
             >
         </div>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.spec.ts
index c9df8977d..635357aa7 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/input-field/input-field.component.spec.ts
@@ -1,18 +1,10 @@
 /* eslint-disable @typescript-eslint/unbound-method */
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import {
-    FormControl,
-    FormGroup,
-    ReactiveFormsModule,
-    Validators,
-} from "@angular/forms";
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from "@angular/forms";
 import { InputFieldComponent } from "./input-field.component";
 import { TooltipIconComponent } from "src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component";
 import { NgbTooltipModule } from "@ng-bootstrap/ng-bootstrap";
-import {
-    dispatchInputEvent,
-    findInputElememtByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { dispatchInputEvent, findInputElememtByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { ChangeDetectionStrategy } from "@angular/core";
 import AppValues from "src/app/common/app.values";
 import { SharedTestModule } from "src/app/common/shared-test.module";
@@ -35,10 +27,7 @@ describe("InputFieldComponent", () => {
         component = fixture.componentInstance;
 
         component.form = new FormGroup({
-            test: new FormControl("", [
-                Validators.required,
-                Validators.pattern(AppValues.URL_PATTERN),
-            ]),
+            test: new FormControl("", [Validators.required, Validators.pattern(AppValues.URL_PATTERN)]),
         });
         component.controlName = "test";
         component.dataTestId = "input";
@@ -52,10 +41,7 @@ describe("InputFieldComponent", () => {
         fixture.detectChanges();
         dispatchInputEvent(fixture, "input", "");
 
-        const requiredMessage = findInputElememtByDataTestId(
-            fixture,
-            "error-test-required",
-        );
+        const requiredMessage = findInputElememtByDataTestId(fixture, "error-test-required");
         expect(requiredMessage.textContent?.trim()).toBe("Field is required");
     });
 
@@ -67,13 +53,8 @@ describe("InputFieldComponent", () => {
 
         dispatchInputEvent(fixture, "input", "mock");
 
-        const maxLengthdMessage = findInputElememtByDataTestId(
-            fixture,
-            "error-test-maxLength",
-        );
-        expect(maxLengthdMessage.textContent?.trim()).toBe(
-            "Field can be max 1 character",
-        );
+        const maxLengthdMessage = findInputElememtByDataTestId(fixture, "error-test-maxLength");
+        expect(maxLengthdMessage.textContent?.trim()).toBe("Field can be max 1 character");
     });
 
     it("should check pattern validation error", () => {
@@ -81,12 +62,7 @@ describe("InputFieldComponent", () => {
 
         dispatchInputEvent(fixture, "input", "mock");
 
-        const patternMessage = findInputElememtByDataTestId(
-            fixture,
-            "error-test-pattern",
-        );
-        expect(patternMessage.textContent?.trim()).toBe(
-            "Field format is wrong",
-        );
+        const patternMessage = findInputElememtByDataTestId(fixture, "error-test-pattern");
+        expect(patternMessage.textContent?.trim()).toBe("Field format is wrong");
     });
 });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.html b/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.html
index 857da29fd..d28b10289 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.html
@@ -3,46 +3,23 @@
         <app-tooltip-icon [tooltip]="tooltip"></app-tooltip-icon>
         <label class="form-label">{{ label }} </label><br />
     </div>
-    <ng-container
-        [formArrayName]="controlName"
-        *ngFor="let item of items?.controls; let i = index"
-    >
+    <ng-container [formArrayName]="controlName" *ngFor="let item of items?.controls; let i = index">
         <div class="row mb-2" [formGroupName]="i">
             <div class="col-md-5">
-                <input
-                    class="form-control"
-                    placeholder="Please enter name"
-                    formControlName="name"
-                    trim
-                />
+                <input class="form-control" placeholder="Please enter name" formControlName="name" trim />
             </div>
             <div class="col-md-6">
-                <input
-                    class="form-control col-md-5"
-                    placeholder="Please enter value"
-                    formControlName="value"
-                    trim
-                />
+                <input class="form-control col-md-5" placeholder="Please enter value" formControlName="value" trim />
             </div>
             <div class="col-md-1 d-flex justify-content-end align-items-center">
-                <button
-                    type="button"
-                    class="btn btn-light"
-                    (click)="removeItem(i)"
-                    attr.data-test-id="item-{{ i }}"
-                >
+                <button type="button" class="btn btn-light" (click)="removeItem(i)" attr.data-test-id="item-{{ i }}">
                     x
                 </button>
             </div>
         </div>
     </ng-container>
     <div class="ms-4">
-        <button
-            type="button"
-            class="add-header-button"
-            data-test-id="add-button"
-            (click)="addItem()"
-        >
+        <button type="button" class="add-header-button" data-test-id="add-button" (click)="addItem()">
             <span>{{ buttonText }}</span>
         </button>
     </div>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.spec.ts
index 0fe2f440a..638cfa5b7 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/key-value-field/key-value-field.component.spec.ts
@@ -1,9 +1,4 @@
-import {
-    FormArray,
-    FormBuilder,
-    FormGroup,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormArray, FormBuilder, FormGroup, ReactiveFormsModule } from "@angular/forms";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { KeyValueFieldComponent } from "./key-value-field.component";
 import { TooltipIconComponent } from "src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component";
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/order-field/order-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/order-field/order-field.component.spec.ts
index e0157cd46..64779c7ee 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/order-field/order-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/order-field/order-field.component.spec.ts
@@ -14,12 +14,7 @@ describe("OrderFieldComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [OrderFieldComponent, TooltipIconComponent],
-            imports: [
-                NgbTooltipModule,
-                ReactiveFormsModule,
-                FormsModule,
-                SharedTestModule,
-            ],
+            imports: [NgbTooltipModule, ReactiveFormsModule, FormsModule, SharedTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(OrderFieldComponent);
@@ -36,16 +31,10 @@ describe("OrderFieldComponent", () => {
     it("should check switch control", () => {
         expect(component.form.value).toEqual({ order: SourceOrder.NONE });
 
-        emitClickOnElementByDataTestId(
-            fixture,
-            `radio-${SourceOrder.BY_NAME}-control`,
-        );
+        emitClickOnElementByDataTestId(fixture, `radio-${SourceOrder.BY_NAME}-control`);
         expect(component.form.value).toEqual({ order: SourceOrder.BY_NAME });
 
-        emitClickOnElementByDataTestId(
-            fixture,
-            `radio-${SourceOrder.BY_EVENT_TIME}-control`,
-        );
+        emitClickOnElementByDataTestId(fixture, `radio-${SourceOrder.BY_EVENT_TIME}-control`);
         expect(component.form.value).toEqual({
             order: SourceOrder.BY_EVENT_TIME,
         });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/polling-source-form-components.module.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/polling-source-form-components.module.ts
index 670d26d6a..073fd728b 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/polling-source-form-components.module.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/polling-source-form-components.module.ts
@@ -9,10 +9,7 @@ import { KeyValueFieldComponent } from "./key-value-field/key-value-field.compon
 import { SelectKindFieldComponent } from "./select-kind-field/select-kind-field.component";
 import { SchemaFieldComponent } from "./schema-field/schema-field.component";
 import { MatTableModule } from "@angular/material/table";
-import {
-    NgbTooltipModule,
-    NgbTypeaheadModule,
-} from "@ng-bootstrap/ng-bootstrap";
+import { NgbTooltipModule, NgbTypeaheadModule } from "@ng-bootstrap/ng-bootstrap";
 import { RxReactiveFormsModule } from "@rxweb/reactive-form-validators";
 import { CacheFieldComponent } from "./cache-field/cache-field.component";
 import { OrderFieldComponent } from "./order-field/order-field.component";
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.html b/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.html
index e30ae12bd..81a543e6c 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.html
@@ -5,19 +5,10 @@
     </div>
 
     <ng-container [formArrayName]="controlName">
-        <table
-            mat-table
-            id="schema-field"
-            [dataSource]="items.controls"
-            class="mat-table cdk-table"
-        >
+        <table mat-table id="schema-field" [dataSource]="items.controls" class="mat-table cdk-table">
             <ng-container matColumnDef="name">
                 <th mat-header-cell *matHeaderCellDef width="40%">name</th>
-                <td
-                    mat-cell
-                    *matCellDef="let element; let i = index"
-                    [formGroup]="element"
-                >
+                <td mat-cell *matCellDef="let element; let i = index" [formGroup]="element">
                     <input
                         type="text"
                         placeholder="Enter name"
@@ -25,20 +16,14 @@
                         attr.data-test-id="name-control-{{ i }}"
                     />
                     <ng-container *ngIf="nameControlError(i)">
-                        <small class="text-danger ps-2">
-                            {{ nameControlError(i) }}</small
-                        >
+                        <small class="text-danger ps-2"> {{ nameControlError(i) }}</small>
                     </ng-container>
                 </td>
             </ng-container>
 
             <ng-container matColumnDef="type">
                 <th mat-header-cell *matHeaderCellDef width="40%">type</th>
-                <td
-                    mat-cell
-                    *matCellDef="let element; let i = index"
-                    [formGroup]="element"
-                >
+                <td mat-cell *matCellDef="let element; let i = index" [formGroup]="element">
                     <input
                         type="text"
                         class="w-100"
@@ -53,9 +38,7 @@
             </ng-container>
 
             <ng-container matColumnDef="actions">
-                <th mat-header-cell class="text-center" *matHeaderCellDef>
-                    actions
-                </th>
+                <th mat-header-cell class="text-center" *matHeaderCellDef>actions</th>
                 <td mat-cell *matCellDef="let element; let i = index">
                     <div class="custom-cell">
                         <mat-icon
@@ -82,22 +65,13 @@
                     </div>
                 </td>
             </ng-container>
-            <tr
-                mat-header-row
-                class="table-header-background"
-                *matHeaderRowDef="DISPLAYED_COLUMNS"
-            ></tr>
+            <tr mat-header-row class="table-header-background" *matHeaderRowDef="DISPLAYED_COLUMNS"></tr>
             <tr mat-row *matRowDef="let row; columns: DISPLAYED_COLUMNS"></tr>
         </table>
     </ng-container>
 
     <div class="mt-2">
-        <button
-            (click)="addRow()"
-            type="button"
-            class="btn-sm btn add-button"
-            data-test-id="add-row-button"
-        >
+        <button (click)="addRow()" type="button" class="btn-sm btn add-button" data-test-id="add-row-button">
             <span class="fw-bold">+</span> Add row
         </button>
     </div>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.spec.ts
index 39caa9568..96e06dc9c 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.spec.ts
@@ -1,28 +1,13 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 
 import { SchemaFieldComponent, SchemaType } from "./schema-field.component";
-import {
-    FormArray,
-    FormBuilder,
-    FormControl,
-    FormGroup,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormArray, FormBuilder, FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms";
 import { MatIconModule } from "@angular/material/icon";
 import { MatTableModule } from "@angular/material/table";
-import {
-    NgbTooltipModule,
-    NgbTypeaheadModule,
-} from "@ng-bootstrap/ng-bootstrap";
-import {
-    RxReactiveFormsModule,
-    RxwebValidators,
-} from "@rxweb/reactive-form-validators";
+import { NgbTooltipModule, NgbTypeaheadModule } from "@ng-bootstrap/ng-bootstrap";
+import { RxReactiveFormsModule, RxwebValidators } from "@rxweb/reactive-form-validators";
 import { TooltipIconComponent } from "src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component";
-import {
-    dispatchInputEvent,
-    emitClickOnElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { dispatchInputEvent, emitClickOnElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { SharedTestModule } from "src/app/common/shared-test.module";
 
 describe("SchemaFieldComponent", () => {
@@ -49,13 +34,8 @@ describe("SchemaFieldComponent", () => {
         component.form = new FormGroup({
             schema: new FormArray([
                 new FormGroup({
-                    name: new FormControl("id", [
-                        RxwebValidators.unique(),
-                        RxwebValidators.required(),
-                    ]),
-                    type: new FormControl("BIGINT", [
-                        RxwebValidators.required(),
-                    ]),
+                    name: new FormControl("id", [RxwebValidators.unique(), RxwebValidators.required()]),
+                    type: new FormControl("BIGINT", [RxwebValidators.required()]),
                 }),
             ]),
         });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.ts
index f027f9042..a33deb57b 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/schema-field/schema-field.component.ts
@@ -1,20 +1,7 @@
 import { MaybeNull } from "./../../../../../../common/app.types";
-import {
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    Component,
-    QueryList,
-    ViewChild,
-    ViewChildren,
-} from "@angular/core";
+import { AfterViewInit, ChangeDetectionStrategy, Component, QueryList, ViewChild, ViewChildren } from "@angular/core";
 import { BaseField } from "../base-field";
-import {
-    AbstractControl,
-    FormArray,
-    FormControl,
-    FormGroup,
-    Validators,
-} from "@angular/forms";
+import { AbstractControl, FormArray, FormControl, FormGroup, Validators } from "@angular/forms";
 import { MatTable } from "@angular/material/table";
 import { Observable, OperatorFunction, Subject, merge } from "rxjs";
 import { NgbTypeahead } from "@ng-bootstrap/ng-bootstrap";
@@ -83,13 +70,8 @@ export class SchemaFieldComponent extends BaseField implements AfterViewInit {
         );
     }
 
-    public search: OperatorFunction<string, readonly string[]> = (
-        text$: Observable<string>,
-    ) => {
-        const debouncedText$ = text$.pipe(
-            debounceTime(200),
-            distinctUntilChanged(),
-        );
+    public search: OperatorFunction<string, readonly string[]> = (text$: Observable<string>) => {
+        const debouncedText$ = text$.pipe(debounceTime(200), distinctUntilChanged());
         // input focus stream for each control
         const inputFocus$ = new Subject<SchemaType>();
         this.focusObservableList.push(inputFocus$);
@@ -98,9 +80,7 @@ export class SchemaFieldComponent extends BaseField implements AfterViewInit {
             map((term) =>
                 term === ""
                     ? this.AVAILABLE_TYPES
-                    : this.AVAILABLE_TYPES.filter((v) =>
-                          v.toLowerCase().includes(term.toLowerCase()),
-                      ),
+                    : this.AVAILABLE_TYPES.filter((v) => v.toLowerCase().includes(term.toLowerCase())),
             ),
         );
     };
@@ -121,8 +101,7 @@ export class SchemaFieldComponent extends BaseField implements AfterViewInit {
             errorMessage = this.VALIDATION_MESSAGES.pattern;
         } else if (
             this.nameControlByIndex(index)?.hasError("required") &&
-            (this.nameControlByIndex(index)?.touched ||
-                this.nameControlByIndex(index)?.dirty)
+            (this.nameControlByIndex(index)?.touched || this.nameControlByIndex(index)?.dirty)
         ) {
             errorMessage = this.VALIDATION_MESSAGES.required;
         }
@@ -137,9 +116,7 @@ export class SchemaFieldComponent extends BaseField implements AfterViewInit {
                     RxwebValidators.required(),
                     Validators.pattern(AppValues.SCHEMA_NAME_PATTERN),
                 ]),
-                type: new FormControl(this.defaultType, [
-                    RxwebValidators.required(),
-                ]),
+                type: new FormControl(this.defaultType, [RxwebValidators.required()]),
             }),
         );
         this.table.renderRows();
@@ -152,8 +129,7 @@ export class SchemaFieldComponent extends BaseField implements AfterViewInit {
     }
 
     public swap(index: number, direction: number): void {
-        const condition =
-            direction > 0 ? index === this.items.length - 1 : index === 0;
+        const condition = direction > 0 ? index === this.items.length - 1 : index === 0;
         if (condition) {
             return;
         }
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.html b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.html
index 1e2160a38..d82a07244 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.html
@@ -15,9 +15,7 @@
                     [value]="eventTimeSourceKind.FROM_METADATA"
                 />
                 <label class="form-check-label" for=""> From metadata </label>
-                <app-tooltip-icon
-                    [tooltip]="innerTooltips.fromMetadata"
-                ></app-tooltip-icon>
+                <app-tooltip-icon [tooltip]="innerTooltips.fromMetadata"></app-tooltip-icon>
             </div>
             <div class="form-check mt-1 d-flex gap-2">
                 <input
@@ -29,13 +27,9 @@
                     [value]="eventTimeSourceKind.FROM_PATH"
                 />
                 <label class="form-check-label" for=""> From path </label>
-                <app-tooltip-icon
-                    [tooltip]="innerTooltips.fromPath"
-                ></app-tooltip-icon>
+                <app-tooltip-icon [tooltip]="innerTooltips.fromPath"></app-tooltip-icon>
             </div>
-            <ng-container
-                *ngIf="currentSource === eventTimeSourceKind.FROM_PATH"
-            >
+            <ng-container *ngIf="currentSource === eventTimeSourceKind.FROM_PATH">
                 <div class="mt-3">
                     <app-input-field
                         [form]="eventTimeGroup"
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.spec.ts
index 48f576e85..3660503f5 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.spec.ts
@@ -1,17 +1,9 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { SelectDateFormatFieldComponent } from "./select-date-format-field.component";
 import { MatIconModule } from "@angular/material/icon";
-import {
-    FormBuilder,
-    FormControl,
-    FormGroup,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormBuilder, FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms";
 import { MatTableModule } from "@angular/material/table";
-import {
-    NgbTooltipModule,
-    NgbTypeaheadModule,
-} from "@ng-bootstrap/ng-bootstrap";
+import { NgbTooltipModule, NgbTypeaheadModule } from "@ng-bootstrap/ng-bootstrap";
 import { RxReactiveFormsModule } from "@rxweb/reactive-form-validators";
 import { EventTimeSourceKind } from "../../add-polling-source/add-polling-source-form.types";
 import { SetPollingSourceToolipsTexts } from "src/app/common/tooltips/tooltips.text";
@@ -24,10 +16,7 @@ describe("SelectDateFormatFieldComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SelectDateFormatFieldComponent,
-                TooltipIconComponent,
-            ],
+            declarations: [SelectDateFormatFieldComponent, TooltipIconComponent],
             providers: [
                 FormBuilder,
                 {
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.ts
index ec8c1e6b2..be5305491 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-date-format-field/select-date-format-field.component.ts
@@ -1,9 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, OnInit } from "@angular/core";
 import { BaseField } from "../base-field";
 import { EventTimeSourceKind } from "../../add-polling-source/add-polling-source-form.types";
 import { FormBuilder, FormGroup } from "@angular/forms";
@@ -15,20 +10,14 @@ import { RxwebValidators } from "@rxweb/reactive-form-validators";
     styleUrls: ["./select-date-format-field.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SelectDateFormatFieldComponent
-    extends BaseField
-    implements OnInit
-{
+export class SelectDateFormatFieldComponent extends BaseField implements OnInit {
     @Input() public innerTooltips: Record<string, string>;
     public currentSource: EventTimeSourceKind;
-    public eventTimeSourceKind: typeof EventTimeSourceKind =
-        EventTimeSourceKind;
+    public eventTimeSourceKind: typeof EventTimeSourceKind = EventTimeSourceKind;
     public readonly KIND_NAME_CONTROL = "kind";
     public readonly PATTERN_NAME_CONTROL = "pattern";
-    public readonly PATTERN_TOOLTIP =
-        "Regular expression where first group contains the timestamp string.";
-    public readonly TIMESTAMP_TOOLTIP =
-        "Format of the expected timestamp in java.text.SimpleDateFormat form.";
+    public readonly PATTERN_TOOLTIP = "Regular expression where first group contains the timestamp string.";
+    public readonly TIMESTAMP_TOOLTIP = "Format of the expected timestamp in java.text.SimpleDateFormat form.";
     public readonly TIMESTAMP_FORMAT_NAME_CONTROL = "timestampFormat";
     public readonly FORMATS: string[] = [
         "YYYY-MM-DDTHH:mm:ss.sss",
@@ -52,31 +41,21 @@ export class SelectDateFormatFieldComponent
     }
 
     private chooseEventTimeSource(): void {
-        this.currentSource = this.eventTimeGroup.get(this.KIND_NAME_CONTROL)
-            ?.value as EventTimeSourceKind;
-        const subscription = this.eventTimeGroup
-            .get(this.KIND_NAME_CONTROL)
-            ?.valueChanges.subscribe((kind: string) => {
-                if (kind === this.eventTimeSourceKind.FROM_METADATA) {
-                    this.currentSource = EventTimeSourceKind.FROM_METADATA;
-                    this.eventTimeGroup.removeControl(
-                        this.PATTERN_NAME_CONTROL,
-                    );
-                    this.eventTimeGroup.removeControl(
-                        this.TIMESTAMP_FORMAT_NAME_CONTROL,
-                    );
-                } else {
-                    this.currentSource = EventTimeSourceKind.FROM_PATH;
-                    this.eventTimeGroup.addControl(
-                        this.PATTERN_NAME_CONTROL,
-                        this.fb.control("", RxwebValidators.required()),
-                    );
-                    this.eventTimeGroup.addControl(
-                        this.TIMESTAMP_FORMAT_NAME_CONTROL,
-                        this.fb.control(""),
-                    );
-                }
-            });
+        this.currentSource = this.eventTimeGroup.get(this.KIND_NAME_CONTROL)?.value as EventTimeSourceKind;
+        const subscription = this.eventTimeGroup.get(this.KIND_NAME_CONTROL)?.valueChanges.subscribe((kind: string) => {
+            if (kind === this.eventTimeSourceKind.FROM_METADATA) {
+                this.currentSource = EventTimeSourceKind.FROM_METADATA;
+                this.eventTimeGroup.removeControl(this.PATTERN_NAME_CONTROL);
+                this.eventTimeGroup.removeControl(this.TIMESTAMP_FORMAT_NAME_CONTROL);
+            } else {
+                this.currentSource = EventTimeSourceKind.FROM_PATH;
+                this.eventTimeGroup.addControl(
+                    this.PATTERN_NAME_CONTROL,
+                    this.fb.control("", RxwebValidators.required()),
+                );
+                this.eventTimeGroup.addControl(this.TIMESTAMP_FORMAT_NAME_CONTROL, this.fb.control(""));
+            }
+        });
         if (subscription) this.trackSubscription(subscription);
     }
 }
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-kind-field/select-kind-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-kind-field/select-kind-field.component.spec.ts
index 1e482c25c..4f9ccfd8e 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-kind-field/select-kind-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/select-kind-field/select-kind-field.component.spec.ts
@@ -33,16 +33,10 @@ describe("SelectKindFieldComponent", () => {
     it("should check switch control", () => {
         expect(component.form.value).toEqual({ kind: FetchKind.URL });
 
-        emitClickOnElementByDataTestId(
-            fixture,
-            `radio-${FetchKind.FILES_GLOB}-control`,
-        );
+        emitClickOnElementByDataTestId(fixture, `radio-${FetchKind.FILES_GLOB}-control`);
         expect(component.form.value).toEqual({ kind: FetchKind.FILES_GLOB });
 
-        emitClickOnElementByDataTestId(
-            fixture,
-            `radio-${FetchKind.CONTAINER}-control`,
-        );
+        emitClickOnElementByDataTestId(fixture, `radio-${FetchKind.CONTAINER}-control`);
         expect(component.form.value).toEqual({ kind: FetchKind.CONTAINER });
     });
 });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.html b/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.html
index 54062cba1..293210128 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.html
@@ -1,10 +1,7 @@
 <div [formGroup]="form">
     <div class="d-flex">
         <app-tooltip-icon [tooltip]="tooltip"></app-tooltip-icon>
-        <label class="form-label"
-            >{{ label }}
-            <span *ngIf="requiredField" class="text-danger">*</span></label
-        >
+        <label class="form-label">{{ label }} <span *ngIf="requiredField" class="text-danger">*</span></label>
     </div>
     <input
         class="form-control"
@@ -16,19 +13,10 @@
         (click)="click$.next($any($event).target.value)"
         #instance="ngbTypeahead"
     />
-    <div
-        *ngIf="
-            !form?.get(controlName)?.valid && form?.get(controlName)?.touched
-        "
-    >
+    <div *ngIf="!form?.get(controlName)?.valid && form?.get(controlName)?.touched">
         <div *ngIf="form?.get(controlName)?.errors?.maxlength" class="mt-1">
-            <span
-                class="text-danger fs-12"
-                [attr.data-test-id]="'error-{{controlName}}-maxLength'"
-            >
-                Field can be max {{ maxLength }} character{{
-                    maxLength && maxLength > 1 ? "s" : ""
-                }}.</span
+            <span class="text-danger fs-12" [attr.data-test-id]="'error-{{controlName}}-maxLength'">
+                Field can be max {{ maxLength }} character{{ maxLength && maxLength > 1 ? "s" : "" }}.</span
             >
         </div>
     </div>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.spec.ts
index b8e1ddc9f..f36cfef88 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.spec.ts
@@ -1,24 +1,10 @@
-import {
-    NgbTooltipModule,
-    NgbTypeaheadModule,
-} from "@ng-bootstrap/ng-bootstrap";
-import {
-    ComponentFixture,
-    TestBed,
-    fakeAsync,
-    flush,
-    tick,
-} from "@angular/core/testing";
+import { NgbTooltipModule, NgbTypeaheadModule } from "@ng-bootstrap/ng-bootstrap";
+import { ComponentFixture, TestBed, fakeAsync, flush, tick } from "@angular/core/testing";
 
 import { TypeaheadFieldComponent } from "./typeahead-field.component";
 import { TooltipIconComponent } from "src/app/dataset-block/metadata-block/components/tooltip-icon/tooltip-icon.component";
 import { MatIconModule } from "@angular/material/icon";
-import {
-    FormControl,
-    FormGroup,
-    FormsModule,
-    ReactiveFormsModule,
-} from "@angular/forms";
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { findInputElememtByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { interval } from "rxjs";
 import { map, take } from "rxjs/operators";
@@ -32,13 +18,7 @@ describe("TypeaheadFieldComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [TypeaheadFieldComponent, TooltipIconComponent],
-            imports: [
-                NgbTypeaheadModule,
-                MatIconModule,
-                FormsModule,
-                ReactiveFormsModule,
-                NgbTooltipModule,
-            ],
+            imports: [NgbTypeaheadModule, MatIconModule, FormsModule, ReactiveFormsModule, NgbTooltipModule],
             providers: [
                 {
                     provide: ActivatedRoute,
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.ts
index db48e9f63..b60ecd3f0 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/form-components/typeahead-field/typeahead-field.component.ts
@@ -1,19 +1,8 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    ViewChild,
-    ViewEncapsulation,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, ViewChild, ViewEncapsulation } from "@angular/core";
 import { BaseField } from "../base-field";
 import { NgbTypeahead } from "@ng-bootstrap/ng-bootstrap";
 import { Observable, OperatorFunction, Subject, merge } from "rxjs";
-import {
-    debounceTime,
-    distinctUntilChanged,
-    map,
-    filter,
-} from "rxjs/operators";
+import { debounceTime, distinctUntilChanged, map, filter } from "rxjs/operators";
 @Component({
     selector: "app-typeahead-field",
     templateUrl: "./typeahead-field.component.html",
@@ -30,24 +19,13 @@ export class TypeaheadFieldComponent extends BaseField {
     public focus$ = new Subject<string>();
     public click$ = new Subject<string>();
 
-    public search: OperatorFunction<string, readonly string[]> = (
-        text$: Observable<string>,
-    ) => {
-        const debouncedText$ = text$.pipe(
-            debounceTime(200),
-            distinctUntilChanged(),
-        );
-        const clicksWithClosedPopup$ = this.click$.pipe(
-            filter(() => !this.instance.isPopupOpen()),
-        );
+    public search: OperatorFunction<string, readonly string[]> = (text$: Observable<string>) => {
+        const debouncedText$ = text$.pipe(debounceTime(200), distinctUntilChanged());
+        const clicksWithClosedPopup$ = this.click$.pipe(filter(() => !this.instance.isPopupOpen()));
         const inputFocus$ = this.focus$;
         return merge(debouncedText$, inputFocus$, clicksWithClosedPopup$).pipe(
             map((term) =>
-                term === ""
-                    ? this.data
-                    : this.data.filter((v) =>
-                          v.toLowerCase().includes(term.toLowerCase()),
-                      ),
+                term === "" ? this.data : this.data.filter((v) => v.toLowerCase().includes(term.toLowerCase())),
             ),
         );
     };
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.html b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.html
index e0b8d853d..7ff997aca 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.html
@@ -9,11 +9,7 @@
             readonly
             data-test-id="input-dropdown"
         />
-        <img
-            class="selectedImage"
-            [src]="getLogo(engine).url_logo"
-            #selectedImage
-        />
+        <img class="selectedImage" [src]="getLogo(engine).url_logo" #selectedImage />
     </div>
     <div class="option" #option *ngIf="showDropdown">
         <ng-container *ngFor="let item of data; let i = index">
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.ts
index 11ab9a94c..8a38b2222 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/components/engine-select/engine-select.component.ts
@@ -41,33 +41,22 @@ export class EngineSelectComponent implements OnInit {
     }
 
     ngOnInit(): void {
-        const defaultEngine = this.data.find(
-            (item: EngineDesc) => item.name === this.engine,
-        );
+        const defaultEngine = this.data.find((item: EngineDesc) => item.name === this.engine);
         if (defaultEngine) {
             this.clickShowDropdown(defaultEngine);
         }
     }
     public get value(): string {
-        return (
-            DataHelpers.descriptionForEngine(this.engine.toLowerCase()).label ??
-            ""
-        );
+        return DataHelpers.descriptionForEngine(this.engine.toLowerCase()).label ?? "";
     }
 
     public getLogo(name: string): EventPropertyLogo {
-        return DataHelpers.descriptionForEngine(
-            name.toUpperCase().toLowerCase(),
-        );
+        return DataHelpers.descriptionForEngine(name.toUpperCase().toLowerCase());
     }
 
     public clickShowDropdown(item: EngineDesc): void {
         const description = item.name.toUpperCase().toLowerCase();
-        this.render.setAttribute(
-            this.selectedImage.nativeElement,
-            "src",
-            this.getLogo(description).url_logo ?? "",
-        );
+        this.render.setAttribute(this.selectedImage.nativeElement, "src", this.getLogo(description).url_logo ?? "");
         this.selectedEngineEmitter.emit(description);
     }
 
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.spec.ts
index a37f5cd79..4a798245b 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.spec.ts
@@ -1,10 +1,4 @@
-import {
-    ComponentFixture,
-    TestBed,
-    fakeAsync,
-    flush,
-    tick,
-} from "@angular/core/testing";
+import { ComponentFixture, TestBed, fakeAsync, flush, tick } from "@angular/core/testing";
 import { EngineSectionComponent } from "./engine-section.component";
 import { Apollo, ApolloModule } from "apollo-angular";
 import { ApolloTestingModule } from "apollo-angular/testing";
@@ -26,13 +20,7 @@ describe("EngineSectionComponent", () => {
         await TestBed.configureTestingModule({
             declarations: [EngineSectionComponent, EngineSelectComponent],
             providers: [Apollo],
-            imports: [
-                ApolloModule,
-                ApolloTestingModule,
-                FormsModule,
-                MatDividerModule,
-                SharedTestModule,
-            ],
+            imports: [ApolloModule, ApolloTestingModule, FormsModule, MatDividerModule, SharedTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(EngineSectionComponent);
@@ -50,25 +38,18 @@ describe("EngineSectionComponent", () => {
     it("should check init default engine and image", fakeAsync(() => {
         component.ngOnInit();
         tick();
-        expect(component.selectedEngine.toUpperCase()).toBe(
-            mockEngines.data.knownEngines[0].name.toUpperCase(),
-        );
-        expect(component.selectedImage).toBe(
-            mockEngines.data.knownEngines[0].latestImage,
-        );
+        expect(component.selectedEngine.toUpperCase()).toBe(mockEngines.data.knownEngines[0].name.toUpperCase());
+        expect(component.selectedImage).toBe(mockEngines.data.knownEngines[0].latestImage);
         flush();
     }));
 
     it("should check init engine and image when currentSetTransformEvent is not null", fakeAsync(() => {
-        component.currentSetTransformEvent =
-            mockSetPollingSourceEvent.preprocess;
+        component.currentSetTransformEvent = mockSetPollingSourceEvent.preprocess;
         fixture.detectChanges();
         component.ngOnInit();
         tick();
         if (mockSetPollingSourceEvent.preprocess)
-            expect(component.selectedEngine).toBe(
-                mockSetPollingSourceEvent.preprocess.engine,
-            );
+            expect(component.selectedEngine).toBe(mockSetPollingSourceEvent.preprocess.engine);
         flush();
     }));
 });
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.ts
index a939b7b24..4f1c80da9 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/engine-section/engine-section.component.ts
@@ -7,12 +7,7 @@ import {
     OnInit,
     Output,
 } from "@angular/core";
-import {
-    EngineDesc,
-    EnginesQuery,
-    Maybe,
-    TransformSql,
-} from "src/app/api/kamu.graphql.interface";
+import { EngineDesc, EnginesQuery, Maybe, TransformSql } from "src/app/api/kamu.graphql.interface";
 import { MaybeNull } from "src/app/common/app.types";
 import { BaseComponent } from "src/app/common/base.component";
 import { EngineService } from "src/app/services/engine.service";
@@ -27,14 +22,10 @@ export class EngineSectionComponent extends BaseComponent implements OnInit {
     @Input() public knownEngines: MaybeNull<EngineDesc[]>;
     @Input() public currentSetTransformEvent: Maybe<TransformSql> | undefined;
     @Input() public selectedEngine: string;
-    @Output() public onEmitSelectedEngine: EventEmitter<string> =
-        new EventEmitter<string>();
+    @Output() public onEmitSelectedEngine: EventEmitter<string> = new EventEmitter<string>();
     public selectedImage: string;
 
-    constructor(
-        private cdr: ChangeDetectorRef,
-        private engineService: EngineService,
-    ) {
+    constructor(private cdr: ChangeDetectorRef, private engineService: EngineService) {
         super();
     }
 
@@ -46,16 +37,12 @@ export class EngineSectionComponent extends BaseComponent implements OnInit {
         this.selectedEngine = item;
         if (this.knownEngines) {
             const result = this.knownEngines.find(
-                (item) =>
-                    item.name.toUpperCase() ===
-                    this.selectedEngine.toUpperCase(),
+                (item) => item.name.toUpperCase() === this.selectedEngine.toUpperCase(),
             );
 
             if (result) {
                 this.selectedImage = result.latestImage;
-                this.onEmitSelectedEngine.emit(
-                    this.selectedEngine.toUpperCase(),
-                );
+                this.onEmitSelectedEngine.emit(this.selectedEngine.toUpperCase());
             }
         }
     }
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.html b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.html
index 2752cabee..00c21088f 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.html
@@ -4,19 +4,11 @@
         <label for="inputDatasets" class="form-label ps-1"> Queries</label>
     </div>
     <div class="d-flex justify-content-end mt-2 mb-3">
-        <button
-            (click)="addQuery()"
-            class="button-style"
-            data-test-id="set-transform-add-query"
-        >
-            + Add query
-        </button>
+        <button (click)="addQuery()" class="button-style" data-test-id="set-transform-add-query">+ Add query</button>
     </div>
     <div class="block-query mb-3" *ngFor="let query of queries; let i = index">
         <div>
-            <div
-                class="d-flex flex-row justify-content-between align-items-end"
-            >
+            <div class="d-flex flex-row justify-content-between align-items-end">
                 <div>
                     <label for="alias-query" class="form-label">Alias</label>
                     <div class="d-flex align-items-center">
@@ -26,11 +18,7 @@
                             [(ngModel)]="queries[i].alias"
                             [disabled]="isLastQuery(i)"
                         />
-                        <span
-                            *ngIf="isLastQuery(i)"
-                            class="ms-4 badge bg-success"
-                            >output</span
-                        >
+                        <span *ngIf="isLastQuery(i)" class="ms-4 badge bg-success">output</span>
                     </div>
                 </div>
                 <div class="pt-4" *ngIf="!isLastQuery(i)">
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.ts
index 2242d73bf..8c2e1eab5 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/queries-section/queries-section.component.ts
@@ -12,8 +12,7 @@ import { sqlEditorOptions } from "src/app/dataset-block/metadata-block/component
 })
 export class QueriesSectionComponent {
     @Input() public queries: Omit<SqlQueryStep, "__typename">[];
-    public readonly sqlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions =
-        sqlEditorOptions;
+    public readonly sqlEditorOptions: monaco.editor.IStandaloneEditorConstructionOptions = sqlEditorOptions;
 
     constructor(private scroll: ViewportScroller) {}
 
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.html b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.html
index 2089eccfa..91097c958 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.html
@@ -15,76 +15,38 @@
                 [inputFormatter]="formatter"
                 (selectItem)="onSelectItem($event)"
             />
-            <button
-                class="inner-btn"
-                (click)="clearSearch()"
-                data-test-id="clear-input"
-            >
-                X
-            </button>
+            <button class="inner-btn" (click)="clearSearch()" data-test-id="clear-input">X</button>
         </div>
     </div>
 </div>
 <ng-template #rt let-r="result" let-t="term">
-    <div
-        class="d-flex flex-row justify-content-between"
-        [style.width.px]="searchDatasets.clientWidth - 28"
-    >
+    <div class="d-flex flex-row justify-content-between" [style.width.px]="searchDatasets.clientWidth - 28">
         <div>
             <i class="bi bi-journal-album mr-2"></i>
             <ngb-highlight [result]="r.dataset.name" [term]="t"></ngb-highlight>
         </div>
-        <div
-            class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 f6 button-add color-text-tertiary ml-1"
-        >
+        <div class="border rounded-1 flex-shrink-0 color-bg-tertiary px-1 f6 button-add color-text-tertiary ml-1">
             Add
-            <span class="d-inline-block ml-1 v-align-middle"
-                ><i class="bi bi-arrow-return-left"></i
-            ></span>
+            <span class="d-inline-block ml-1 v-align-middle"><i class="bi bi-arrow-return-left"></i></span>
         </div>
     </div>
 </ng-template>
 <div class="mt-4">
-    <mat-tree
-        [dataSource]="dataSource"
-        [treeControl]="treeControl"
-        class="tree"
-    >
+    <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="tree">
         <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
-            {{ node.name }}&nbsp;&nbsp; (
-            <span class="fw-bold">{{ node.type }}</span> )
+            {{ node.name }}&nbsp;&nbsp; ( <span class="fw-bold">{{ node.type }}</span> )
         </mat-tree-node>
         <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
             <div class="mat-tree-node">
-                <button
-                    mat-icon-button
-                    matTreeNodeToggle
-                    [attr.aria-label]="'Toggle ' + node.name"
-                >
+                <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'Toggle ' + node.name">
                     <mat-icon class="mat-icon-rtl-mirror">
-                        {{
-                            treeControl.isExpanded(node)
-                                ? "expand_more"
-                                : "chevron_right"
-                        }}
+                        {{ treeControl.isExpanded(node) ? "expand_more" : "chevron_right" }}
                     </mat-icon>
                 </button>
-                <div
-                    class="d-flex align-items-center justify-content-between node-name-block"
-                >
+                <div class="d-flex align-items-center justify-content-between node-name-block">
                     <div class="node-link">
-                        <a
-                            class="node-name"
-                            (click)="navigateToOwner(node.owner)"
-                        >
-                            {{ node.owner }} </a
-                        >/
-                        <a
-                            class="node-name"
-                            (click)="navigateToDataset(node.owner, node.name)"
-                        >
-                            {{ node.name }}</a
-                        >
+                        <a class="node-name" (click)="navigateToOwner(node.owner)"> {{ node.owner }} </a>/
+                        <a class="node-name" (click)="navigateToDataset(node.owner, node.name)"> {{ node.name }}</a>
                     </div>
                     <button
                         class="no-button d-flex"
@@ -96,10 +58,7 @@
                 </div>
             </div>
 
-            <div
-                [class.example-tree-invisible]="!treeControl.isExpanded(node)"
-                role="group"
-            >
+            <div [class.example-tree-invisible]="!treeControl.isExpanded(node)" role="group">
                 <ng-container matTreeNodeOutlet></ng-container>
             </div>
         </mat-nested-tree-node>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.spec.ts
index df1a397d7..2aa7b5c8b 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.spec.ts
@@ -1,34 +1,16 @@
-import {
-    ComponentFixture,
-    TestBed,
-    fakeAsync,
-    flush,
-    tick,
-} from "@angular/core/testing";
+import { ComponentFixture, TestBed, fakeAsync, flush, tick } from "@angular/core/testing";
 import { SearchSectionComponent } from "./search-section.component";
 import { Apollo, ApolloModule } from "apollo-angular";
 import { ApolloTestingModule } from "apollo-angular/testing";
 import { MatTreeModule, MatTreeNestedDataSource } from "@angular/material/tree";
-import {
-    NgbTypeaheadModule,
-    NgbTypeaheadSelectItemEvent,
-} from "@ng-bootstrap/ng-bootstrap";
+import { NgbTypeaheadModule, NgbTypeaheadSelectItemEvent } from "@ng-bootstrap/ng-bootstrap";
 import { MatIconModule } from "@angular/material/icon";
 import { FormsModule } from "@angular/forms";
 import { of } from "rxjs";
 import AppValues from "src/app/common/app.values";
-import {
-    dispatchInputEvent,
-    emitClickOnElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
-import {
-    DatasetAutocompleteItem,
-    TypeNames,
-} from "src/app/interface/search.interface";
-import {
-    mockDatasetBasicsFragment,
-    mockDatasetInfo,
-} from "src/app/search/mock.data";
+import { dispatchInputEvent, emitClickOnElementByDataTestId } from "src/app/common/base-test.helpers.spec";
+import { DatasetAutocompleteItem, TypeNames } from "src/app/interface/search.interface";
+import { mockDatasetBasicsFragment, mockDatasetInfo } from "src/app/search/mock.data";
 import { SearchApi } from "src/app/api/search.api";
 import { NavigationService } from "src/app/services/navigation.service";
 import { DatasetService } from "src/app/dataset-view/dataset.service";
@@ -78,18 +60,15 @@ describe("SearchSectionComponent", () => {
             __typename: TypeNames.datasetType,
             dataset: mockDatasetBasicsFragment,
         };
-        const searchApiAutocompleteDatasetSearchSpy = spyOn(
-            searchApi,
-            "autocompleteDatasetSearch",
-        ).and.callFake(() => of([MOCK_AUTOCOMPLETE_ITEM]));
+        const searchApiAutocompleteDatasetSearchSpy = spyOn(searchApi, "autocompleteDatasetSearch").and.callFake(() =>
+            of([MOCK_AUTOCOMPLETE_ITEM]),
+        );
 
         const SEARCH_QUERY = "query";
         dispatchInputEvent(fixture, "searchInputDatasets", SEARCH_QUERY);
         tick(AppValues.SHORT_DELAY_MS);
 
-        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(
-            SEARCH_QUERY,
-        );
+        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(SEARCH_QUERY);
         flush();
     }));
 
@@ -105,25 +84,16 @@ describe("SearchSectionComponent", () => {
 
     it("should navigate to dataset overview tab", () => {
         const datasetInfo = mockDatasetInfo;
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
 
-        component.navigateToDataset(
-            datasetInfo.accountName,
-            datasetInfo.datasetName,
-        );
+        component.navigateToDataset(datasetInfo.accountName, datasetInfo.datasetName);
 
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(datasetInfo);
     });
 
     it("should navigate to owner view", () => {
         const owner = "kamu";
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
 
         component.navigateToOwner(owner);
 
@@ -137,10 +107,9 @@ describe("SearchSectionComponent", () => {
                 __typename: TypeNames.datasetType,
             },
         } as NgbTypeaheadSelectItemEvent;
-        const requestDatasetSchemaSpy = spyOn(
-            datasetService,
-            "requestDatasetSchema",
-        ).and.returnValue(of(mockGetDatasetSchemaQuery));
+        const requestDatasetSchemaSpy = spyOn(datasetService, "requestDatasetSchema").and.returnValue(
+            of(mockGetDatasetSchemaQuery),
+        );
 
         component.onSelectItem(mockNgbTypeaheadSelectItemEvent);
 
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.ts
index 2c08632ec..b56a34047 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/components/search-section/search-section.component.ts
@@ -4,10 +4,7 @@ import { MatTreeNestedDataSource } from "@angular/material/tree";
 import { NgbTypeaheadSelectItemEvent } from "@ng-bootstrap/ng-bootstrap";
 import { OperatorFunction, Observable } from "rxjs";
 import { debounceTime, distinctUntilChanged, switchMap } from "rxjs/operators";
-import {
-    DatasetBasicsFragment,
-    GetDatasetSchemaQuery,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetBasicsFragment, GetDatasetSchemaQuery } from "src/app/api/kamu.graphql.interface";
 import { SearchApi } from "src/app/api/search.api";
 import { MaybeNull } from "src/app/common/app.types";
 import AppValues from "src/app/common/app.values";
@@ -30,9 +27,7 @@ export class SearchSectionComponent extends BaseComponent {
     private readonly delayTime: number = AppValues.SHORT_DELAY_MS;
     @Input() public inputDatasets: Set<string>;
 
-    public treeControl = new NestedTreeControl<DatasetNode>(
-        (node) => node.children,
-    );
+    public treeControl = new NestedTreeControl<DatasetNode>((node) => node.children);
     @Input() public dataSource: MatTreeNestedDataSource<DatasetNode>;
     @Input() public TREE_DATA: DatasetNode[];
     constructor(
@@ -43,16 +38,11 @@ export class SearchSectionComponent extends BaseComponent {
         super();
     }
 
-    public search: OperatorFunction<
-        string,
-        readonly DatasetAutocompleteItem[]
-    > = (text$: Observable<string>) => {
+    public search: OperatorFunction<string, readonly DatasetAutocompleteItem[]> = (text$: Observable<string>) => {
         return text$.pipe(
             debounceTime(this.delayTime),
             distinctUntilChanged(),
-            switchMap((term: string) =>
-                this.appSearchAPI.autocompleteDatasetSearch(term),
-            ),
+            switchMap((term: string) => this.appSearchAPI.autocompleteDatasetSearch(term)),
         );
     };
 
@@ -68,31 +58,23 @@ export class SearchSectionComponent extends BaseComponent {
             id,
             name,
         });
-        if (
-            value.__typename !== "all" &&
-            !this.inputDatasets.has(inputDataset)
-        ) {
+        if (value.__typename !== "all" && !this.inputDatasets.has(inputDataset)) {
             this.inputDatasets.add(inputDataset);
             this.trackSubscription(
-                this.datasetService
-                    .requestDatasetSchema(id)
-                    .subscribe((data: GetDatasetSchemaQuery) => {
-                        if (data.datasets.byId) {
-                            const owner = (
-                                data.datasets.byId as DatasetBasicsFragment
-                            ).owner.name;
-                            const schema: MaybeNull<DatasetSchema> =
-                                parseCurrentSchema(
-                                    data.datasets.byId.metadata.currentSchema,
-                                );
-                            this.TREE_DATA.push({
-                                name: value.dataset.name as string,
-                                children: schema?.fields,
-                                owner,
-                            });
-                            this.dataSource.data = this.TREE_DATA;
-                        }
-                    }),
+                this.datasetService.requestDatasetSchema(id).subscribe((data: GetDatasetSchemaQuery) => {
+                    if (data.datasets.byId) {
+                        const owner = (data.datasets.byId as DatasetBasicsFragment).owner.name;
+                        const schema: MaybeNull<DatasetSchema> = parseCurrentSchema(
+                            data.datasets.byId.metadata.currentSchema,
+                        );
+                        this.TREE_DATA.push({
+                            name: value.dataset.name as string,
+                            children: schema?.fields,
+                            owner,
+                        });
+                        this.dataSource.data = this.TREE_DATA;
+                    }
+                }),
             );
         }
     }
@@ -102,9 +84,7 @@ export class SearchSectionComponent extends BaseComponent {
     }
 
     public deleteInputDataset(datasetName: string): void {
-        this.TREE_DATA = this.TREE_DATA.filter(
-            (item: DatasetNode) => item.name !== datasetName,
-        );
+        this.TREE_DATA = this.TREE_DATA.filter((item: DatasetNode) => item.name !== datasetName);
         this.dataSource.data = this.TREE_DATA;
         this.inputDatasets.forEach((item) => {
             if (item.includes(datasetName)) {
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.spec.ts
index a355c68db..a891ef8d2 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.spec.ts
@@ -2,14 +2,8 @@ import { ApolloTestingModule } from "apollo-angular/testing";
 import { TestBed } from "@angular/core/testing";
 import { EditSetTransformService } from "./edit-set-transform..service";
 import { Apollo, ApolloModule } from "apollo-angular";
-import {
-    SqlQueryStep,
-    TransformInput,
-} from "src/app/api/kamu.graphql.interface";
-import {
-    mockParseSetTransFormYamlType,
-    mockSetTransformEventYaml,
-} from "./mock.data";
+import { SqlQueryStep, TransformInput } from "src/app/api/kamu.graphql.interface";
+import { mockParseSetTransFormYamlType, mockSetTransformEventYaml } from "./mock.data";
 
 describe("EditSetTransformService", () => {
     let service: EditSetTransformService;
@@ -45,10 +39,7 @@ describe("EditSetTransformService", () => {
             '{"id":"did:odf:z4k88e8ctFydBwcEhtvaB9AuBL6L2kfGnNvS1LjPGLA51owXkxX","name":"account.tokens.portfolio.usd"}',
         ]);
         const engine = "Spark";
-        const queries = [{ alias: "alias1", query: "query1" }] as Omit<
-            SqlQueryStep,
-            "__typename"
-        >[];
+        const queries = [{ alias: "alias1", query: "query1" }] as Omit<SqlQueryStep, "__typename">[];
         const result = {
             inputs: service.parseInputDatasets(inputDatasets),
             transform: {
@@ -57,9 +48,7 @@ describe("EditSetTransformService", () => {
                 queries,
             },
         };
-        expect(
-            service.transformEventAsObject(inputDatasets, engine, queries),
-        ).toEqual(result);
+        expect(service.transformEventAsObject(inputDatasets, engine, queries)).toEqual(result);
     });
 
     it("should check #parseEventFromYaml() method", () => {
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.ts
index 86a89a831..dd19bff0f 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/edit-set-transform..service.ts
@@ -1,14 +1,7 @@
 import { Injectable } from "@angular/core";
-import {
-    SetTransform,
-    SqlQueryStep,
-    TransformInput,
-} from "src/app/api/kamu.graphql.interface";
+import { SetTransform, SqlQueryStep, TransformInput } from "src/app/api/kamu.graphql.interface";
 import { parse } from "yaml";
-import {
-    EditSetTransformParseType,
-    SetTransFormYamlType,
-} from "./set-transform.types";
+import { EditSetTransformParseType, SetTransFormYamlType } from "./set-transform.types";
 import { BaseYamlEventService } from "src/app/common/base-yaml-event.service";
 
 @Injectable({
@@ -21,9 +14,7 @@ export class EditSetTransformService extends BaseYamlEventService {
     }
 
     public parseInputDatasets(datasets: Set<string>): TransformInput[] {
-        return Array.from(datasets).map(
-            (item) => JSON.parse(item) as TransformInput,
-        );
+        return Array.from(datasets).map((item) => JSON.parse(item) as TransformInput);
     }
 
     public transformEventAsObject(
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.html b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.html
index 88e053faf..61d769409 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.html
@@ -1,12 +1,7 @@
-<div
-    class="mb-4"
-    *ngIf="queries && datasetKind === 'DERIVATIVE'; else errorBlock"
->
+<div class="mb-4" *ngIf="queries && datasetKind === 'DERIVATIVE'; else errorBlock">
     <div class="text-center mt-4">
         <p class="fs-4">Set Transformation</p>
-        <p class="text-muted">
-            Defines a transformation that produces data in a derivative dataset.
-        </p>
+        <p class="text-muted">Defines a transformation that produces data in a derivative dataset.</p>
     </div>
     <div class="container mt-4">
         <div class="row pt-4">
@@ -17,9 +12,7 @@
                     [dataSource]="dataSource"
                 ></app-search-section>
                 <app-engine-section
-                    [currentSetTransformEvent]="
-                        currentSetTransformEvent?.transform
-                    "
+                    [currentSetTransformEvent]="currentSetTransformEvent?.transform"
                     (onEmitSelectedEngine)="onSelectEngine($event)"
                 ></app-engine-section>
             </div>
@@ -28,11 +21,7 @@
             </div>
         </div>
     </div>
-    <div
-        *ngIf="errorMessage"
-        class="container alert alert-danger mt-2"
-        role="alert"
-    >
+    <div *ngIf="errorMessage" class="container alert alert-danger mt-2" role="alert">
         <p class="text-danger fs-6">Error:<br />{{ errorMessage }}</p>
     </div>
     <div class="d-flex justify-content-end section-buttons">
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.spec.ts
index 8a6a1b0a5..5ec0a521e 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.spec.ts
@@ -32,11 +32,7 @@ describe("SetTransformComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [SetTransformComponent],
-            imports: [
-                ApolloModule,
-                ApolloTestingModule,
-                MonacoEditorModule.forRoot(),
-            ],
+            imports: [ApolloModule, ApolloTestingModule, MonacoEditorModule.forRoot()],
             providers: [
                 Apollo,
                 {
@@ -87,10 +83,7 @@ describe("SetTransformComponent", () => {
     });
 
     it("should check save event", () => {
-        const commitEventToDatasetSpy = spyOn(
-            datasetCommitService,
-            "commitEventToDataset",
-        ).and.returnValue(of());
+        const commitEventToDatasetSpy = spyOn(datasetCommitService, "commitEventToDataset").and.returnValue(of());
         component.onSaveEvent();
         expect(commitEventToDatasetSpy).toHaveBeenCalledTimes(1);
     });
@@ -98,35 +91,23 @@ describe("SetTransformComponent", () => {
     it("should check open edit modal", () => {
         editService.changeKindChanges(DatasetKind.Derivative);
         component.ngOnInit();
-        const openModalSpy = spyOn(modalService, "open").and.returnValue(
-            modalRef,
-        );
+        const openModalSpy = spyOn(modalService, "open").and.returnValue(modalRef);
         component.onEditYaml();
         expect(component.datasetKind).toEqual(DatasetKind.Derivative);
         expect(openModalSpy).toHaveBeenCalledTimes(1);
     });
 
     it("should check init queries section with queries", () => {
-        spyOn(editService, "getEventAsYaml").and.callFake(() =>
-            of(mockSetTransformEventYaml),
-        );
-        spyOn(datasetService, "requestDatasetSchema").and.callFake(() =>
-            of(mockGetDatasetSchemaQuery),
-        );
+        spyOn(editService, "getEventAsYaml").and.callFake(() => of(mockSetTransformEventYaml));
+        spyOn(datasetService, "requestDatasetSchema").and.callFake(() => of(mockGetDatasetSchemaQuery));
         component.ngOnInit();
-        expect(component.currentSetTransformEvent).toEqual(
-            mockParseSetTransFormYamlType,
-        );
+        expect(component.currentSetTransformEvent).toEqual(mockParseSetTransFormYamlType);
         expect(component.TREE_DATA.length).toBe(2);
     });
 
     it("should check init queries section with query", () => {
-        spyOn(editService, "getEventAsYaml").and.callFake(() =>
-            of(mockSetTransformEventYamlWithQuery),
-        );
-        spyOn(datasetService, "requestDatasetSchema").and.callFake(() =>
-            of(mockGetDatasetSchemaQuery),
-        );
+        spyOn(editService, "getEventAsYaml").and.callFake(() => of(mockSetTransformEventYamlWithQuery));
+        spyOn(datasetService, "requestDatasetSchema").and.callFake(() => of(mockGetDatasetSchemaQuery));
         component.ngOnInit();
 
         expect(component.queries.length).toBe(1);
@@ -135,9 +116,7 @@ describe("SetTransformComponent", () => {
 
     it("should check init queries section when event is null", () => {
         spyOn(editService, "getEventAsYaml").and.callFake(() => of(null));
-        spyOn(datasetService, "requestDatasetSchema").and.callFake(() =>
-            of(mockGetDatasetSchemaQuery),
-        );
+        spyOn(datasetService, "requestDatasetSchema").and.callFake(() => of(mockGetDatasetSchemaQuery));
         component.ngOnInit();
 
         expect(component.queries.length).toBe(1);
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.ts
index 6ee769f0b..2d8b1bcc7 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.component.ts
@@ -1,18 +1,11 @@
-import {
-    DatasetBasicsFragment,
-    DatasetKind,
-    TransformInput,
-} from "./../../../../../api/kamu.graphql.interface";
+import { DatasetBasicsFragment, DatasetKind, TransformInput } from "./../../../../../api/kamu.graphql.interface";
 import { ChangeDetectionStrategy, Component, OnInit } from "@angular/core";
 import { NgbModalRef } from "@ng-bootstrap/ng-bootstrap";
 import { MatTreeNestedDataSource } from "@angular/material/tree";
 import { DatasetService } from "src/app/dataset-view/dataset.service";
 import { MaybeNull } from "src/app/common/app.types";
 import { DatasetSchema } from "src/app/interface/dataset.interface";
-import {
-    GetDatasetSchemaQuery,
-    SqlQueryStep,
-} from "src/app/api/kamu.graphql.interface";
+import { GetDatasetSchemaQuery, SqlQueryStep } from "src/app/api/kamu.graphql.interface";
 import { EditSetTransformService } from "./edit-set-transform..service";
 import { parseCurrentSchema } from "src/app/common/app.helpers";
 import { DatasetNode, SetTransFormYamlType } from "./set-transform.types";
@@ -26,10 +19,7 @@ import { BaseMainEventComponent } from "../base-main-event.component";
     styleUrls: ["./set-transform.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SetTransformComponent
-    extends BaseMainEventComponent
-    implements OnInit
-{
+export class SetTransformComponent extends BaseMainEventComponent implements OnInit {
     public inputDatasets = new Set<string>();
     public selectedEngine: string;
     public currentSetTransformEvent: MaybeNull<SetTransFormYamlType>;
@@ -37,10 +27,7 @@ export class SetTransformComponent
     public dataSource = new MatTreeNestedDataSource<DatasetNode>();
     public TREE_DATA: DatasetNode[] = [];
 
-    constructor(
-        private datasetService: DatasetService,
-        private editService: EditSetTransformService,
-    ) {
+    constructor(private datasetService: DatasetService, private editService: EditSetTransformService) {
         super();
     }
 
@@ -69,25 +56,16 @@ export class SetTransformComponent
     private initQueriesSection(): void {
         this.trackSubscription(
             this.editService
-                .getEventAsYaml(
-                    this.getDatasetInfoFromUrl(),
-                    SupportedEvents.SetTransform,
-                )
+                .getEventAsYaml(this.getDatasetInfoFromUrl(), SupportedEvents.SetTransform)
 
                 .subscribe((result: string | null | undefined) => {
                     if (result) {
                         this.eventYamlByHash = result;
-                        this.currentSetTransformEvent =
-                            this.editService.parseEventFromYaml(
-                                this.eventYamlByHash,
-                            );
+                        this.currentSetTransformEvent = this.editService.parseEventFromYaml(this.eventYamlByHash);
                         if (this.currentSetTransformEvent.transform.query) {
-                            this.initDefaultQueriesSection(
-                                this.currentSetTransformEvent.transform.query,
-                            );
+                            this.initDefaultQueriesSection(this.currentSetTransformEvent.transform.query);
                         } else {
-                            this.queries =
-                                this.currentSetTransformEvent.transform.queries;
+                            this.queries = this.currentSetTransformEvent.transform.queries;
                         }
                         this.getInputDatasetsInfo();
                     } else {
@@ -100,56 +78,38 @@ export class SetTransformComponent
     }
 
     private initDefaultQueriesSection(query = ""): void {
-        this.queries = [
-            ...this.queries,
-            { alias: this.getDatasetInfoFromUrl().datasetName, query },
-        ];
+        this.queries = [...this.queries, { alias: this.getDatasetInfoFromUrl().datasetName, query }];
     }
 
     private getInputDatasetsInfo(): void {
-        this.currentSetTransformEvent?.inputs.forEach(
-            (item: TransformInput) => {
-                this.inputDatasets.add(JSON.stringify(item));
-                this.trackSubscription(
-                    this.datasetService
-                        .requestDatasetSchema(item.id as string)
-                        .subscribe((data: GetDatasetSchemaQuery) => {
-                            if (data.datasets.byId) {
-                                const owner = (
-                                    data.datasets.byId as DatasetBasicsFragment
-                                ).owner.name;
-                                const schema: MaybeNull<DatasetSchema> =
-                                    parseCurrentSchema(
-                                        data.datasets.byId.metadata
-                                            .currentSchema,
-                                    );
-                                this.TREE_DATA.push({
-                                    name: item.name as string,
-                                    children: schema?.fields,
-                                    owner,
-                                });
-                                this.dataSource.data = this.TREE_DATA;
-                            }
-                        }),
-                );
-            },
-        );
+        this.currentSetTransformEvent?.inputs.forEach((item: TransformInput) => {
+            this.inputDatasets.add(JSON.stringify(item));
+            this.trackSubscription(
+                this.datasetService.requestDatasetSchema(item.id as string).subscribe((data: GetDatasetSchemaQuery) => {
+                    if (data.datasets.byId) {
+                        const owner = (data.datasets.byId as DatasetBasicsFragment).owner.name;
+                        const schema: MaybeNull<DatasetSchema> = parseCurrentSchema(
+                            data.datasets.byId.metadata.currentSchema,
+                        );
+                        this.TREE_DATA.push({
+                            name: item.name as string,
+                            children: schema?.fields,
+                            owner,
+                        });
+                        this.dataSource.data = this.TREE_DATA;
+                    }
+                }),
+            );
+        });
     }
 
     public onEditYaml(): void {
-        const modalRef: NgbModalRef = this.modalService.open(
-            FinalYamlModalComponent,
-            { size: "lg" },
-        );
+        const modalRef: NgbModalRef = this.modalService.open(FinalYamlModalComponent, { size: "lg" });
         const instance = modalRef.componentInstance as FinalYamlModalComponent;
         instance.yamlTemplate = this.errorMessage
             ? this.changedEventYamlByHash
             : this.yamlEventService.buildYamlSetTransformEvent(
-                  this.editService.transformEventAsObject(
-                      this.inputDatasets,
-                      this.selectedEngine,
-                      this.queries,
-                  ),
+                  this.editService.transformEventAsObject(this.inputDatasets, this.selectedEngine, this.queries),
               );
         instance.datasetInfo = this.getDatasetInfoFromUrl();
         instance.enabledSaveBtn = this.isInputDatasetsExist;
@@ -167,11 +127,7 @@ export class SetTransformComponent
                     this.getDatasetInfoFromUrl().accountName,
                     this.getDatasetInfoFromUrl().datasetName,
                     this.yamlEventService.buildYamlSetTransformEvent(
-                        this.editService.transformEventAsObject(
-                            this.inputDatasets,
-                            this.selectedEngine,
-                            this.queries,
-                        ),
+                        this.editService.transformEventAsObject(this.inputDatasets, this.selectedEngine, this.queries),
                     ),
                 )
                 .subscribe(),
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.types.ts b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.types.ts
index aacdd0716..6bda4f3e7 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.types.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/set-transform/set-transform.types.ts
@@ -1,12 +1,6 @@
-import {
-    SetTransform,
-    TransformInput,
-} from "src/app/api/kamu.graphql.interface";
+import { SetTransform, TransformInput } from "src/app/api/kamu.graphql.interface";
 
-export type TransformSelectedInput = Omit<
-    TransformInput,
-    "__typename" | "dataset"
->;
+export type TransformSelectedInput = Omit<TransformInput, "__typename" | "dataset">;
 
 export interface EditSetTransformParseType {
     content: {
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.html b/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.html
index 404957f89..cbb96d34d 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.html
@@ -31,12 +31,7 @@
         >
             Save
         </button>
-        <button
-            type="button"
-            (click)="editYaml()"
-            class="btn btn-outline-primary ms-4"
-            data-test-id="edit-button"
-        >
+        <button type="button" (click)="editYaml()" class="btn btn-outline-primary ms-4" data-test-id="edit-button">
             Edit Yaml
         </button>
     </ng-container>
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.spec.ts
index 34e1acb3a..2142ae390 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.spec.ts
@@ -23,25 +23,17 @@ describe("StepperNavigationComponent", () => {
     });
 
     it("should check next button is working", () => {
-        const changeStepEmitterSpy = spyOn(
-            component.changeStepEmitter,
-            "emit",
-        ).and.callThrough();
+        const changeStepEmitterSpy = spyOn(component.changeStepEmitter, "emit").and.callThrough();
         component.prevStep = null;
         component.validStep = true;
         component.nextStep = SetPollingSourceSection.READ;
         fixture.detectChanges();
         emitClickOnElementByDataTestId(fixture, "next-button");
-        expect(changeStepEmitterSpy).toHaveBeenCalledWith(
-            SetPollingSourceSection.READ,
-        );
+        expect(changeStepEmitterSpy).toHaveBeenCalledWith(SetPollingSourceSection.READ);
     });
 
     it("should check save button is working", () => {
-        const changeStepEmitterSpy = spyOn(
-            component.saveEventEmitter,
-            "emit",
-        ).and.callThrough();
+        const changeStepEmitterSpy = spyOn(component.saveEventEmitter, "emit").and.callThrough();
         component.prevStep = SetPollingSourceSection.READ;
         component.validStep = true;
         component.nextStep = null;
@@ -51,10 +43,7 @@ describe("StepperNavigationComponent", () => {
     });
 
     it("should check edit button is working", () => {
-        const changeStepEmitterSpy = spyOn(
-            component.editYamlEmitter,
-            "emit",
-        ).and.callThrough();
+        const changeStepEmitterSpy = spyOn(component.editYamlEmitter, "emit").and.callThrough();
         component.prevStep = SetPollingSourceSection.READ;
         component.validStep = true;
         component.nextStep = null;
diff --git a/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.ts b/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.ts
index 5957d3a21..1496fad04 100644
--- a/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/components/stepper-navigation/stepper-navigation.component.ts
@@ -1,11 +1,5 @@
 import { MaybeNull } from "src/app/common/app.types";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { SetPollingSourceSection } from "src/app/shared/shared.types";
 
 @Component({
@@ -18,8 +12,7 @@ export class StepperNavigationComponent {
     @Input() public nextStep: MaybeNull<SetPollingSourceSection> = null;
     @Input() public prevStep: MaybeNull<SetPollingSourceSection> = null;
     @Input() public validStep?: boolean;
-    @Output() public changeStepEmitter =
-        new EventEmitter<SetPollingSourceSection>();
+    @Output() public changeStepEmitter = new EventEmitter<SetPollingSourceSection>();
     @Output() public saveEventEmitter = new EventEmitter<null>();
     @Output() public editYamlEmitter = new EventEmitter<null>();
 
diff --git a/src/app/dataset-view/additional-components/metadata-component/metadata-component.spec.ts b/src/app/dataset-view/additional-components/metadata-component/metadata-component.spec.ts
index 0f4fce33c..f67599967 100644
--- a/src/app/dataset-view/additional-components/metadata-component/metadata-component.spec.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/metadata-component.spec.ts
@@ -22,27 +22,16 @@ describe("MetadataComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                MetadataComponent,
-                BlockRowDataComponent,
-                TooltipIconComponent,
-            ],
-            imports: [
-                NgbTooltipModule,
-                MatIconModule,
-                MetadataBlockModule,
-                SharedTestModule,
-            ],
+            declarations: [MetadataComponent, BlockRowDataComponent, TooltipIconComponent],
+            imports: [NgbTooltipModule, MatIconModule, MetadataBlockModule, SharedTestModule],
             providers: [
                 {
                     provide: HIGHLIGHT_OPTIONS,
                     useValue: {
-                        coreLibraryLoader: () =>
-                            import("highlight.js/lib/core"),
+                        coreLibraryLoader: () => import("highlight.js/lib/core"),
                         languages: {
                             sql: () => import("highlight.js/lib/languages/sql"),
-                            yaml: () =>
-                                import("highlight.js/lib/languages/yaml"),
+                            yaml: () => import("highlight.js/lib/languages/yaml"),
                         },
                     },
                 },
@@ -68,9 +57,7 @@ describe("MetadataComponent", () => {
     it("should check #ngOninit", () => {
         expect(component.currentState).not.toBeDefined();
 
-        appDatasetSubsService.metadataSchemaChanges(
-            mockMetadataSchemaUpdate as MetadataSchemaUpdate,
-        );
+        appDatasetSubsService.metadataSchemaChanges(mockMetadataSchemaUpdate as MetadataSchemaUpdate);
         component.ngOnInit();
         fixture.detectChanges();
 
@@ -87,9 +74,7 @@ describe("MetadataComponent", () => {
     it("should check click on dataset topic", () => {
         const clickDatasetEmitSpy = spyOn(component.clickDatasetEmit, "emit");
         component.onClickDataset(mockDatasetBasicsFragment);
-        expect(clickDatasetEmitSpy).toHaveBeenCalledWith(
-            mockDatasetBasicsFragment,
-        );
+        expect(clickDatasetEmitSpy).toHaveBeenCalledWith(mockDatasetBasicsFragment);
     });
 
     it("should check page change", () => {
@@ -100,10 +85,7 @@ describe("MetadataComponent", () => {
     });
 
     it("should check navigate to edit SetPollingSource event", () => {
-        const navigateToAddPollingSourceSpy = spyOn(
-            navigationService,
-            "navigateToAddPollingSource",
-        );
+        const navigateToAddPollingSourceSpy = spyOn(navigationService, "navigateToAddPollingSource");
         component.navigateToEditPollingSource();
         expect(navigateToAddPollingSourceSpy).toHaveBeenCalledWith({
             accountName: mockDatasetBasicsFragment.owner.name,
@@ -112,10 +94,7 @@ describe("MetadataComponent", () => {
     });
 
     it("should check navigate to edit SetTransform event", () => {
-        const navigateToSetTransformSpy = spyOn(
-            navigationService,
-            "navigateToSetTransform",
-        );
+        const navigateToSetTransformSpy = spyOn(navigationService, "navigateToSetTransform");
         component.navigateToEditSetTransform();
         expect(navigateToSetTransformSpy).toHaveBeenCalledWith({
             accountName: mockDatasetBasicsFragment.owner.name,
diff --git a/src/app/dataset-view/additional-components/metadata-component/metadata-component.ts b/src/app/dataset-view/additional-components/metadata-component/metadata-component.ts
index d7d3d05e4..84b97fa45 100644
--- a/src/app/dataset-view/additional-components/metadata-component/metadata-component.ts
+++ b/src/app/dataset-view/additional-components/metadata-component/metadata-component.ts
@@ -1,13 +1,6 @@
 import { DataHelpers } from "./../../../common/data.helpers";
 import { DatasetKind } from "./../../../api/kamu.graphql.interface";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
 import { DatasetSchema } from "../../../interface/dataset.interface";
 import AppValues from "../../../common/app.values";
 import { AppDatasetSubscriptionsService } from "../../dataset.subscriptions.service";
@@ -55,15 +48,13 @@ export class MetadataComponent extends BaseComponent implements OnInit {
 
     ngOnInit() {
         this.trackSubscription(
-            this.appDatasetSubsService.onMetadataSchemaChanges.subscribe(
-                (schemaUpdate: MetadataSchemaUpdate) => {
-                    this.currentState = {
-                        schema: schemaUpdate.schema,
-                        metadata: schemaUpdate.metadata,
-                        pageInfo: schemaUpdate.pageInfo,
-                    };
-                },
-            ),
+            this.appDatasetSubsService.onMetadataSchemaChanges.subscribe((schemaUpdate: MetadataSchemaUpdate) => {
+                this.currentState = {
+                    schema: schemaUpdate.schema,
+                    metadata: schemaUpdate.metadata,
+                    pageInfo: schemaUpdate.pageInfo,
+                };
+            }),
         );
     }
 
@@ -80,9 +71,7 @@ export class MetadataComponent extends BaseComponent implements OnInit {
     }
 
     public get currentPage(): number {
-        return this.currentState
-            ? this.currentState.pageInfo.currentPage + 1
-            : 1;
+        return this.currentState ? this.currentState.pageInfo.currentPage + 1 : 1;
     }
 
     public get totalPages(): number {
@@ -91,15 +80,12 @@ export class MetadataComponent extends BaseComponent implements OnInit {
     }
 
     public get latestBlockhash(): string {
-        return this.currentState
-            ? (this.currentState.metadata.metadata.chain.blocks.nodes[0]
-                  .blockHash as string)
-            : "";
+        return this.currentState ? (this.currentState.metadata.metadata.chain.blocks.nodes[0].blockHash as string) : "";
     }
 
     public get latestBlockSystemTime(): string {
-        const systemTimeAsString: string | undefined = this.currentState
-            ?.metadata.metadata.chain.blocks.nodes[0].systemTime as string;
+        const systemTimeAsString: string | undefined = this.currentState?.metadata.metadata.chain.blocks.nodes[0]
+            .systemTime as string;
         return systemTimeAsString
             ? momentConvertDatetoLocalWithFormat({
                   date: new Date(String(systemTimeAsString)),
diff --git a/src/app/dataset-view/additional-components/metadata-component/metadata.component.html b/src/app/dataset-view/additional-components/metadata-component/metadata.component.html
index bd38a9029..b8a4bf612 100644
--- a/src/app/dataset-view/additional-components/metadata-component/metadata.component.html
+++ b/src/app/dataset-view/additional-components/metadata-component/metadata.component.html
@@ -12,10 +12,7 @@
         </div>
         <div
             class="text-end"
-            *ngIf="
-                currentState?.metadata?.kind === 'ROOT' &&
-                currentState?.metadata?.metadata?.currentSource
-            "
+            *ngIf="currentState?.metadata?.kind === 'ROOT' && currentState?.metadata?.metadata?.currentSource"
         >
             <p>
                 <a
@@ -30,10 +27,7 @@
 
         <div
             class="text-end"
-            *ngIf="
-                currentState?.metadata?.kind === 'DERIVATIVE' &&
-                currentState?.metadata?.metadata?.currentTransform
-            "
+            *ngIf="currentState?.metadata?.kind === 'DERIVATIVE' && currentState?.metadata?.metadata?.currentTransform"
         >
             <p>
                 <a
@@ -48,14 +42,8 @@
 
         <ng-container *ngIf="currentState">
             <div class="d-flex flex-column gap-4 mt-4">
-                <div
-                    class="position-relative border border-1 p-2 rounded-3"
-                    *ngIf="currentState.schema"
-                >
-                    <span
-                        class="position-absolute text-muted group-box-label text-uppercase"
-                        >Schema</span
-                    >
+                <div class="position-relative border border-1 p-2 rounded-3" *ngIf="currentState.schema">
+                    <span class="position-absolute text-muted group-box-label text-uppercase">Schema</span>
                     <div class="mx-4">
                         <app-block-row-data
                             [tooltip]="
@@ -75,98 +63,47 @@
                     *ngIf="currentState.metadata.metadata.currentLicense"
                     class="position-relative border border-1 p-2 rounded-3"
                 >
-                    <span
-                        class="position-absolute text-muted group-box-label text-uppercase"
-                        >License</span
-                    >
+                    <span class="position-absolute text-muted group-box-label text-uppercase">License</span>
                     <div class="mx-4">
-                        <app-block-row-data
-                            [tooltip]="'Unique identifier of the license.'"
-                            [label]="'ID:'"
-                        >
-                            <span>{{
-                                currentState.metadata.metadata.currentLicense
-                                    .shortName
-                            }}</span>
+                        <app-block-row-data [tooltip]="'Unique identifier of the license.'" [label]="'ID:'">
+                            <span>{{ currentState.metadata.metadata.currentLicense.shortName }}</span>
                         </app-block-row-data>
                     </div>
 
                     <div class="mx-4">
-                        <app-block-row-data
-                            [tooltip]="'Full name of the license.'"
-                            [label]="'Name:'"
-                        >
-                            <span>
-                                {{
-                                    currentState.metadata.metadata
-                                        .currentLicense.name
-                                }}</span
-                            >
+                        <app-block-row-data [tooltip]="'Full name of the license.'" [label]="'Name:'">
+                            <span> {{ currentState.metadata.metadata.currentLicense.name }}</span>
                         </app-block-row-data>
                     </div>
 
-                    <div
-                        class="mx-4"
-                        *ngIf="
-                            currentState.metadata.metadata.currentLicense.spdxId
-                        "
-                    >
+                    <div class="mx-4" *ngIf="currentState.metadata.metadata.currentLicense.spdxId">
                         <app-block-row-data
-                            [tooltip]="
-                                'License identifier from the SPDX License List.'
-                            "
+                            [tooltip]="'License identifier from the SPDX License List.'"
                             [label]="'SPDX ID:'"
                         >
-                            <span>
-                                {{
-                                    currentState.metadata.metadata
-                                        .currentLicense.spdxId
-                                }}</span
-                            >
+                            <span> {{ currentState.metadata.metadata.currentLicense.spdxId }}</span>
                         </app-block-row-data>
                     </div>
 
                     <div class="mx-4">
-                        <app-block-row-data
-                            [tooltip]="'Link to the official website.'"
-                            [label]="'Website:'"
-                        >
+                        <app-block-row-data [tooltip]="'Link to the official website.'" [label]="'Website:'">
                             <app-link-property
-                                [data]="
-                                    currentState.metadata.metadata
-                                        .currentLicense.websiteUrl
-                                "
+                                [data]="currentState.metadata.metadata.currentLicense.websiteUrl"
                             ></app-link-property>
                         </app-block-row-data>
                     </div>
                 </div>
 
-                <ng-container
-                    *ngIf="currentState.metadata.metadata.currentSource"
-                >
-                    <div
-                        class="position-relative border border-1 p-2 rounded-3"
-                    >
-                        <span
-                            class="position-absolute text-muted group-box-label text-uppercase"
-                            >Fetch</span
-                        >
+                <ng-container *ngIf="currentState.metadata.metadata.currentSource">
+                    <div class="position-relative border border-1 p-2 rounded-3">
+                        <span class="position-absolute text-muted group-box-label text-uppercase">Fetch</span>
                         <div
                             class="mx-4"
-                            *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .fetch.__typename === 'FetchStepUrl'
-                            "
+                            *ngIf="currentState.metadata.metadata.currentSource.fetch.__typename === 'FetchStepUrl'"
                         >
-                            <app-block-row-data
-                                [tooltip]="'URL of the data source.'"
-                                [label]="'Url:'"
-                            >
+                            <app-block-row-data [tooltip]="'URL of the data source.'" [label]="'Url:'">
                                 <app-link-property
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentSource.fetch.url
-                                    "
+                                    [data]="currentState.metadata.metadata.currentSource.fetch.url"
                                 ></app-link-property>
                             </app-block-row-data>
                         </div>
@@ -174,77 +111,40 @@
                         <div
                             class="mx-4"
                             *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .fetch.__typename === 'FetchStepContainer'
+                                currentState.metadata.metadata.currentSource.fetch.__typename === 'FetchStepContainer'
                             "
                         >
-                            <app-block-row-data
-                                [tooltip]="
-                                    'Image name and and an optional tag.'
-                                "
-                                [label]="'Image:'"
-                            >
-                                <span>{{
-                                    currentState.metadata.metadata.currentSource
-                                        .fetch.image
-                                }}</span>
+                            <app-block-row-data [tooltip]="'Image name and and an optional tag.'" [label]="'Image:'">
+                                <span>{{ currentState.metadata.metadata.currentSource.fetch.image }}</span>
                             </app-block-row-data>
                         </div>
 
                         <div
                             class="mx-4"
                             *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .fetch.__typename === 'FetchStepFilesGlob'
+                                currentState.metadata.metadata.currentSource.fetch.__typename === 'FetchStepFilesGlob'
                             "
                         >
-                            <app-block-row-data
-                                [tooltip]="'Path with a glob pattern.'"
-                                [label]="'Path:'"
-                            >
-                                <span>{{
-                                    currentState.metadata.metadata.currentSource
-                                        .fetch.path
-                                }}</span>
+                            <app-block-row-data [tooltip]="'Path with a glob pattern.'" [label]="'Path:'">
+                                <span>{{ currentState.metadata.metadata.currentSource.fetch.path }}</span>
                             </app-block-row-data>
                         </div>
                     </div>
 
-                    <div
-                        class="position-relative border border-1 p-2 rounded-3"
-                    >
-                        <span
-                            class="position-absolute text-muted group-box-label text-uppercase"
-                            >Read</span
-                        >
-                        <div
-                            class="mx-4"
-                            *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .read.__typename
-                            "
-                        >
-                            <app-block-row-data
-                                [tooltip]="
-                                    'Determines where data is sourced from.'
-                                "
-                                [label]="'Type:'"
-                            >
+                    <div class="position-relative border border-1 p-2 rounded-3">
+                        <span class="position-absolute text-muted group-box-label text-uppercase">Read</span>
+                        <div class="mx-4" *ngIf="currentState.metadata.metadata.currentSource.read.__typename">
+                            <app-block-row-data [tooltip]="'Determines where data is sourced from.'" [label]="'Type:'">
                                 <span>{{
-                                    readSectionMapperType[
-                                        currentState.metadata.metadata
-                                            .currentSource.read.__typename
-                                    ]
+                                    readSectionMapperType[currentState.metadata.metadata.currentSource.read.__typename]
                                 }}</span>
                             </app-block-row-data>
                         </div>
                         <div
                             class="mx-4"
                             *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .read.schema &&
-                                currentState.metadata.metadata.currentSource
-                                    .read.schema.length > 0
+                                currentState.metadata.metadata.currentSource.read.schema &&
+                                currentState.metadata.metadata.currentSource.read.schema.length > 0
                             "
                         >
                             <app-block-row-data
@@ -254,29 +154,15 @@
                                 [label]="'Schema:'"
                             >
                                 <app-schema-property
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentSource.read.schema
-                                    "
+                                    [data]="currentState.metadata.metadata.currentSource.read.schema"
                                 ></app-schema-property>
                             </app-block-row-data>
                         </div>
                     </div>
 
-                    <div
-                        class="position-relative border border-1 p-2 rounded-3"
-                    >
-                        <span
-                            class="position-absolute text-muted group-box-label text-uppercase"
-                            >Merge</span
-                        >
-                        <div
-                            class="mx-4"
-                            *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .merge.__typename
-                            "
-                        >
+                    <div class="position-relative border border-1 p-2 rounded-3">
+                        <span class="position-absolute text-muted group-box-label text-uppercase">Merge</span>
+                        <div class="mx-4" *ngIf="currentState.metadata.metadata.currentSource.merge.__typename">
                             <app-block-row-data
                                 [tooltip]="
                                     'Merge strategy determines how newly ingested data should be combined with the data that already exists in the dataset.'
@@ -284,10 +170,7 @@
                                 [label]="'Strategy:'"
                             >
                                 <app-merge-strategy-property
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentSource.merge.__typename
-                                    "
+                                    [data]="currentState.metadata.metadata.currentSource.merge.__typename"
                                 ></app-merge-strategy-property>
                             </app-block-row-data>
                         </div>
@@ -295,8 +178,7 @@
                         <div
                             class="mx-4"
                             *ngIf="
-                                currentState.metadata.metadata.currentSource
-                                    .merge.__typename === 'MergeStrategyLedger'
+                                currentState.metadata.metadata.currentSource.merge.__typename === 'MergeStrategyLedger'
                             "
                         >
                             <app-block-row-data
@@ -306,56 +188,37 @@
                                 [label]="'Primary key:'"
                             >
                                 <app-cards-property
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentSource.merge.primaryKey
-                                    "
+                                    [data]="currentState.metadata.metadata.currentSource.merge.primaryKey"
                                 ></app-cards-property>
                             </app-block-row-data>
                         </div>
                     </div>
 
                     <div
-                        *ngIf="
-                            currentState.metadata.metadata.currentSource
-                                .preprocess
-                        "
+                        *ngIf="currentState.metadata.metadata.currentSource.preprocess"
                         class="position-relative border border-1 p-2 rounded-3"
                     >
-                        <span
-                            class="position-absolute text-muted group-box-label text-uppercase"
-                            >Preprocess</span
-                        >
+                        <span class="position-absolute text-muted group-box-label text-uppercase">Preprocess</span>
                         <div class="mx-4">
                             <app-block-row-data
-                                [tooltip]="
-                                    'Identifier of the engine used for this transformation.'
-                                "
+                                [tooltip]="'Identifier of the engine used for this transformation.'"
                                 [label]="'Engine:'"
                             >
                                 <app-engine-property
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentSource.preprocess.engine
-                                    "
+                                    [data]="currentState.metadata.metadata.currentSource.preprocess.engine"
                                 ></app-engine-property>
                             </app-block-row-data>
                         </div>
 
                         <div class="mx-4">
                             <app-block-row-data
-                                [tooltip]="
-                                    'Queries use for specifying multi-step SQL transformations.'
-                                "
+                                [tooltip]="'Queries use for specifying multi-step SQL transformations.'"
                                 [label]="'Queries:'"
                             >
                             </app-block-row-data>
                             <div class="row my-4">
                                 <app-sql-query-viewer
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentSource.preprocess.queries
-                                    "
+                                    [data]="currentState.metadata.metadata.currentSource.preprocess.queries"
                                 ></app-sql-query-viewer>
                             </div>
                         </div>
@@ -366,70 +229,41 @@
                     class="position-relative border border-1 p-2 rounded-3"
                     *ngIf="currentState.metadata.metadata.currentWatermark"
                 >
-                    <span
-                        class="position-absolute text-muted group-box-label text-uppercase"
-                        >Watermark</span
-                    >
+                    <span class="position-absolute text-muted group-box-label text-uppercase">Watermark</span>
                     <div class="mx-4">
                         <app-block-row-data
-                            [tooltip]="
-                                'Last watermark of the output data stream.'
-                            "
+                            [tooltip]="'Last watermark of the output data stream.'"
                             [label]="'Watermark:'"
                         >
                             <a class="page-link">
                                 <app-display-time
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentWatermark
-                                    "
+                                    [data]="currentState.metadata.metadata.currentWatermark"
                                 ></app-display-time>
                             </a>
                         </app-block-row-data>
                     </div>
                 </div>
 
-                <ng-container
-                    *ngIf="
-                        currentState &&
-                        currentState.metadata.metadata.currentTransform
-                    "
-                >
+                <ng-container *ngIf="currentState && currentState.metadata.metadata.currentTransform">
                     <div
                         class="position-relative border border-1 p-2 rounded-3"
-                        *ngFor="
-                            let input of currentState.metadata.metadata
-                                .currentTransform.inputs;
-                            let i = index
-                        "
+                        *ngFor="let input of currentState.metadata.metadata.currentTransform.inputs; let i = index"
                     >
-                        <span
-                            class="position-absolute text-muted group-box-label text-uppercase"
+                        <span class="position-absolute text-muted group-box-label text-uppercase"
                             >Inputs {{ i + 1 }}</span
                         >
                         <div class="mx-4">
-                            <app-block-row-data
-                                [tooltip]="'Unique dataset identifier.'"
-                                [label]="'Id:'"
-                            >
+                            <app-block-row-data [tooltip]="'Unique dataset identifier.'" [label]="'Id:'">
                                 <span>{{ input.dataset.id }}</span>
                             </app-block-row-data>
                         </div>
                         <div class="mx-4">
-                            <app-block-row-data
-                                [tooltip]="'Type of the dataset.'"
-                                [label]="'Dataset type:'"
-                            >
-                                <span>{{
-                                    kindToCamelCase(input.dataset.kind)
-                                }}</span>
+                            <app-block-row-data [tooltip]="'Type of the dataset.'" [label]="'Dataset type:'">
+                                <span>{{ kindToCamelCase(input.dataset.kind) }}</span>
                             </app-block-row-data>
                         </div>
                         <div class="mx-4">
-                            <app-block-row-data
-                                [tooltip]="'Type of the dataset.'"
-                                [label]="'Name:'"
-                            >
+                            <app-block-row-data [tooltip]="'Type of the dataset.'" [label]="'Name:'">
                                 <app-dataset-name-property
                                     [data]="{
                                         datasetName: input.dataset.name,
@@ -439,10 +273,7 @@
                             </app-block-row-data>
                         </div>
                         <div class="mx-4">
-                            <app-block-row-data
-                                [tooltip]="'Owner of the dataset.'"
-                                [label]="'Owner:'"
-                            >
+                            <app-block-row-data [tooltip]="'Owner of the dataset.'" [label]="'Owner:'">
                                 <app-owner-property
                                     [data]="{
                                         id: input.dataset.owner.id,
@@ -452,51 +283,33 @@
                             </app-block-row-data>
                         </div>
                         <div class="mx-4">
-                            <app-block-row-data
-                                [tooltip]="'Query alias of the dataset.'"
-                                [label]="'Query alias:'"
-                            >
+                            <app-block-row-data [tooltip]="'Query alias of the dataset.'" [label]="'Query alias:'">
                                 <span>{{ input.name }}</span>
                             </app-block-row-data>
                         </div>
                     </div>
-                    <div
-                        class="position-relative border border-1 p-2 rounded-3"
-                    >
-                        <span
-                            class="position-absolute text-muted group-box-label text-uppercase"
-                            >Transform</span
-                        >
+                    <div class="position-relative border border-1 p-2 rounded-3">
+                        <span class="position-absolute text-muted group-box-label text-uppercase">Transform</span>
                         <div class="mx-4">
                             <app-block-row-data
-                                [tooltip]="
-                                    'Identifier of the engine used for this transformation.'
-                                "
+                                [tooltip]="'Identifier of the engine used for this transformation.'"
                                 [label]="'Engine:'"
                             >
                                 <app-engine-property
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentTransform.transform.engine
-                                    "
+                                    [data]="currentState.metadata.metadata.currentTransform.transform.engine"
                                 ></app-engine-property>
                             </app-block-row-data>
                         </div>
 
                         <div class="mx-4">
                             <app-block-row-data
-                                [tooltip]="
-                                    'Queries use for specifying multi-step SQL transformations.'
-                                "
+                                [tooltip]="'Queries use for specifying multi-step SQL transformations.'"
                                 [label]="'Queries:'"
                             >
                             </app-block-row-data>
                             <div class="row my-4">
                                 <app-sql-query-viewer
-                                    [data]="
-                                        currentState.metadata.metadata
-                                            .currentTransform.transform.queries
-                                    "
+                                    [data]="currentState.metadata.metadata.currentTransform.transform.queries"
                                 ></app-sql-query-viewer>
                             </div>
                         </div>
@@ -505,24 +318,16 @@
             </div>
         </ng-container>
         <ng-container
-            *ngIf="
-                !currentState?.metadata?.metadata?.currentSource &&
-                currentState?.metadata?.kind === 'ROOT'
-            "
+            *ngIf="!currentState?.metadata?.metadata?.currentSource && currentState?.metadata?.kind === 'ROOT'"
         >
             <h3 class="box-title text-center mt-4">There is no metadata.</h3>
         </ng-container>
         <ng-container
-            *ngIf="
-                !currentState?.metadata?.metadata?.currentTransform &&
-                currentState?.metadata?.kind === 'DERIVATIVE'
-            "
+            *ngIf="!currentState?.metadata?.metadata?.currentTransform && currentState?.metadata?.kind === 'DERIVATIVE'"
         >
             <h3 class="box-title text-center">
                 There is no metadata. Need to add
-                <a class="add-link" (click)="navigateToEditSetTransform()">
-                    SetTransform event</a
-                >
+                <a class="add-link" (click)="navigateToEditSetTransform()"> SetTransform event</a>
             </h3>
         </ng-container>
     </div>
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.html b/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.html
index 492a84ce9..dabdc43d7 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.html
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.html
@@ -1,16 +1,9 @@
 <div class="d-flex p-4">
     <div class="flex-grow-1 ms-2 text-center">
-        <span class="fs-5 fw-bold">
-            {{ isDetailsExist ? "Edit" : "Add" }} dataset details</span
-        >
+        <span class="fs-5 fw-bold"> {{ isDetailsExist ? "Edit" : "Add" }} dataset details</span>
     </div>
     <div>
-        <button
-            type="button"
-            class="btn-close"
-            aria-label="Close"
-            (click)="activeModal.close()"
-        ></button>
+        <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()"></button>
     </div>
 </div>
 <div class="px-4">
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.spec.ts b/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.spec.ts
index 6b0bed744..63cc0e208 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.spec.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.spec.ts
@@ -1,8 +1,5 @@
 import { ApolloTestingModule } from "apollo-angular/testing";
-import {
-    emitClickOnElementByDataTestId,
-    findElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { emitClickOnElementByDataTestId, findElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { MatChipInputEvent, MatChipsModule } from "@angular/material/chips";
 import { FormsModule } from "@angular/forms";
 import { mockDatasetBasicsFragment } from "../../../../../search/mock.data";
@@ -10,15 +7,8 @@ import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { Apollo, ApolloModule } from "apollo-angular";
 import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
 import { EditDetailsModalComponent } from "./edit-details-modal.component";
-import {
-    mockMetadataSchemaUpdate,
-    mockOverviewDataUpdate,
-    mockOverviewWithSetInfo,
-} from "../../../data-tabs.mock";
-import {
-    DatasetDataSizeFragment,
-    DatasetOverviewFragment,
-} from "src/app/api/kamu.graphql.interface";
+import { mockMetadataSchemaUpdate, mockOverviewDataUpdate, mockOverviewWithSetInfo } from "../../../data-tabs.mock";
+import { DatasetDataSizeFragment, DatasetOverviewFragment } from "src/app/api/kamu.graphql.interface";
 import { MatDividerModule } from "@angular/material/divider";
 import { MatIconModule } from "@angular/material/icon";
 import { SharedTestModule } from "src/app/common/shared-test.module";
@@ -48,8 +38,7 @@ describe("EditDetailsModalComponent", () => {
         component.currentState = {
             schema: mockMetadataSchemaUpdate.schema,
             data: mockOverviewDataUpdate.content,
-            overview:
-                mockOverviewDataUpdate.overview as DatasetOverviewFragment,
+            overview: mockOverviewDataUpdate.overview as DatasetOverviewFragment,
             size: mockOverviewDataUpdate.size as DatasetDataSizeFragment,
         };
         fixture.detectChanges();
@@ -74,10 +63,7 @@ describe("EditDetailsModalComponent", () => {
     });
 
     it("should check commit event", () => {
-        const commitSetInfoEventSpy = spyOn(
-            component,
-            "commitSetInfoEvent",
-        ).and.callThrough();
+        const commitSetInfoEventSpy = spyOn(component, "commitSetInfoEvent").and.callThrough();
 
         const inputKeyword = findElementByDataTestId(fixture, "input-keyword");
         component.addKeywordFromInput({
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.ts b/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.ts
index 031e2fae1..21ab22b8a 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-details-modal/edit-details-modal.component.ts
@@ -47,16 +47,12 @@ export class EditDetailsModalComponent extends BaseComponent implements OnInit {
     }
 
     public get unmodifiedDetails(): boolean {
-        return (
-            this.description === this.initialDescription &&
-            isEqual(this.keywords, this.initialKeywords)
-        );
+        return this.description === this.initialDescription && isEqual(this.keywords, this.initialKeywords);
     }
 
     ngOnInit(): void {
         if (this.currentState?.overview.metadata.currentInfo.keywords) {
-            this.initialKeywords =
-                this.currentState.overview.metadata.currentInfo.keywords;
+            this.initialKeywords = this.currentState.overview.metadata.currentInfo.keywords;
             this.currentState.overview.metadata.currentInfo.keywords.reduce(
                 (set: Set<string>, keyword: string) => set.add(keyword),
                 this.keywordsSet,
@@ -66,8 +62,7 @@ export class EditDetailsModalComponent extends BaseComponent implements OnInit {
         }
 
         this.currentState?.overview.metadata.currentInfo.description
-            ? (this.description = this.initialDescription =
-                  this.currentState.overview.metadata.currentInfo.description)
+            ? (this.description = this.initialDescription = this.currentState.overview.metadata.currentInfo.description)
             : (this.description = "");
     }
 
@@ -78,10 +73,7 @@ export class EditDetailsModalComponent extends BaseComponent implements OnInit {
                     .commitEventToDataset(
                         this.datasetBasics.owner.name,
                         this.datasetBasics.name as string,
-                        this.yamlEventService.buildYamlSetInfoEvent(
-                            this.description,
-                            this.keywords,
-                        ),
+                        this.yamlEventService.buildYamlSetInfoEvent(this.description, this.keywords),
                     )
                     .subscribe(),
             );
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.html b/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.html
index a334cbcf4..6b20971a5 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.html
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.html
@@ -1,17 +1,9 @@
 <div class="d-flex p-4">
     <div class="flex-grow-1 ms-2 text-center">
-        <span class="fs-5 fw-bold">
-            {{ licenseForm.controls["name"].value ? "Edit" : "Add" }} dataset
-            license</span
-        >
+        <span class="fs-5 fw-bold"> {{ licenseForm.controls["name"].value ? "Edit" : "Add" }} dataset license</span>
     </div>
     <div>
-        <button
-            type="button"
-            class="btn-close"
-            aria-label="Close"
-            (click)="activeModal.close()"
-        ></button>
+        <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()"></button>
     </div>
 </div>
 <div class="px-4">
@@ -21,9 +13,7 @@
 <div class="body p-4">
     <form [formGroup]="licenseForm" (ngSubmit)="onEditLicense()">
         <div class="mt-4">
-            <label for="license-name" class="form-label"
-                >Name <span class="text-danger">*</span></label
-            >
+            <label for="license-name" class="form-label">Name <span class="text-danger">*</span></label>
             <input
                 class="form-control"
                 id="license-name"
@@ -31,29 +21,14 @@
                 formControlName="name"
                 data-test-id="license-name"
             />
-            <div
-                *ngIf="
-                    !licenseForm.controls['name'].valid &&
-                    licenseForm.controls['name'].touched
-                "
-            >
-                <div
-                    *ngIf="licenseForm.controls['name'].errors?.required"
-                    class="mt-1"
-                >
-                    <span
-                        class="text-danger fs-12"
-                        data-test-id="error-license-name"
-                    >
-                        Name is required</span
-                    >
+            <div *ngIf="!licenseForm.controls['name'].valid && licenseForm.controls['name'].touched">
+                <div *ngIf="licenseForm.controls['name'].errors?.required" class="mt-1">
+                    <span class="text-danger fs-12" data-test-id="error-license-name"> Name is required</span>
                 </div>
             </div>
         </div>
         <div class="mt-4">
-            <label for="license-short-name" class="form-label"
-                >Short name <span class="text-danger">*</span></label
-            >
+            <label for="license-short-name" class="form-label">Short name <span class="text-danger">*</span></label>
             <input
                 class="form-control"
                 id="license-short-name"
@@ -61,29 +36,16 @@
                 formControlName="shortName"
                 data-test-id="license-shortName"
             />
-            <div
-                *ngIf="
-                    !licenseForm.controls['shortName'].valid &&
-                    licenseForm.controls['shortName'].touched
-                "
-            >
-                <div
-                    *ngIf="licenseForm.controls['shortName'].errors?.required"
-                    class="mt-1"
-                >
-                    <span
-                        class="text-danger fs-12"
-                        data-test-id="error-license-shortName"
-                    >
+            <div *ngIf="!licenseForm.controls['shortName'].valid && licenseForm.controls['shortName'].touched">
+                <div *ngIf="licenseForm.controls['shortName'].errors?.required" class="mt-1">
+                    <span class="text-danger fs-12" data-test-id="error-license-shortName">
                         Short name is required</span
                     >
                 </div>
             </div>
         </div>
         <div class="mt-4">
-            <label for="license-url" class="form-label"
-                >Url <span class="text-danger">*</span></label
-            >
+            <label for="license-url" class="form-label">Url <span class="text-danger">*</span></label>
             <input
                 class="form-control"
                 id="license-url"
@@ -91,40 +53,17 @@
                 formControlName="websiteUrl"
                 data-test-id="license-websiteUrl"
             />
-            <div
-                *ngIf="
-                    !licenseForm.controls['websiteUrl'].valid &&
-                    licenseForm.controls['websiteUrl'].touched
-                "
-            >
-                <div
-                    *ngIf="licenseForm.controls['websiteUrl'].errors?.required"
-                    class="mt-1"
-                >
-                    <span
-                        class="text-danger fs-12"
-                        data-test-id="error-license-websiteUrl"
-                    >
-                        Url is required</span
-                    >
+            <div *ngIf="!licenseForm.controls['websiteUrl'].valid && licenseForm.controls['websiteUrl'].touched">
+                <div *ngIf="licenseForm.controls['websiteUrl'].errors?.required" class="mt-1">
+                    <span class="text-danger fs-12" data-test-id="error-license-websiteUrl"> Url is required</span>
                 </div>
-                <div
-                    *ngIf="licenseForm.controls['websiteUrl'].errors?.pattern"
-                    class="mt-1"
-                >
-                    <span
-                        class="text-danger fs-12"
-                        data-test-id="error-url-format"
-                    >
-                        Url format is wrong</span
-                    >
+                <div *ngIf="licenseForm.controls['websiteUrl'].errors?.pattern" class="mt-1">
+                    <span class="text-danger fs-12" data-test-id="error-url-format"> Url format is wrong</span>
                 </div>
             </div>
         </div>
         <div class="mt-4">
-            <label for="license-spdxId" class="form-label"
-                >License identifier
-            </label>
+            <label for="license-spdxId" class="form-label">License identifier </label>
             <input
                 class="form-control"
                 id="license-license-spdxId"
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.spec.ts b/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.spec.ts
index 297b07d21..ed2784cd4 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.spec.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.spec.ts
@@ -3,21 +3,14 @@ import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
 import { Apollo } from "apollo-angular";
-import {
-    DatasetOverviewFragment,
-    DatasetDataSizeFragment,
-} from "src/app/api/kamu.graphql.interface";
+import { DatasetOverviewFragment, DatasetDataSizeFragment } from "src/app/api/kamu.graphql.interface";
 import {
     emitClickOnElementByDataTestId,
     findElementByDataTestId,
     findInputElememtByDataTestId,
 } from "src/app/common/base-test.helpers.spec";
 import { mockDatasetBasicsFragment } from "src/app/search/mock.data";
-import {
-    mockMetadataSchemaUpdate,
-    mockOverviewDataUpdate,
-    mockOverviewWithSetLicense,
-} from "../../../data-tabs.mock";
+import { mockMetadataSchemaUpdate, mockOverviewDataUpdate, mockOverviewWithSetLicense } from "../../../data-tabs.mock";
 import { EditLicenseModalComponent } from "./edit-license-modal.component";
 import { MatDividerModule } from "@angular/material/divider";
 import { SharedTestModule } from "src/app/common/shared-test.module";
@@ -29,13 +22,7 @@ describe("EditLicenseModalComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [EditLicenseModalComponent],
-            imports: [
-                ApolloTestingModule,
-                FormsModule,
-                ReactiveFormsModule,
-                MatDividerModule,
-                SharedTestModule,
-            ],
+            imports: [ApolloTestingModule, FormsModule, ReactiveFormsModule, MatDividerModule, SharedTestModule],
             providers: [Apollo, NgbActiveModal],
         }).compileComponents();
 
@@ -57,9 +44,7 @@ describe("EditLicenseModalComponent", () => {
 
     it("should check initialize form", () => {
         component.ngOnInit();
-        expect(component.licenseForm.controls.name.value).toBe(
-            mockOverviewWithSetLicense.metadata.currentLicense.name,
-        );
+        expect(component.licenseForm.controls.name.value).toBe(mockOverviewWithSetLicense.metadata.currentLicense.name);
         expect(component.licenseForm.controls.shortName.value).toBe(
             mockOverviewWithSetLicense.metadata.currentLicense.shortName,
         );
@@ -72,10 +57,7 @@ describe("EditLicenseModalComponent", () => {
     });
 
     it("should check call onEditLicense", () => {
-        const onEditLicenseSpy = spyOn(
-            component,
-            "onEditLicense",
-        ).and.callThrough();
+        const onEditLicenseSpy = spyOn(component, "onEditLicense").and.callThrough();
 
         emitClickOnElementByDataTestId(fixture, "save-license");
         expect(onEditLicenseSpy).toHaveBeenCalledTimes(1);
@@ -95,10 +77,7 @@ describe("EditLicenseModalComponent", () => {
         component.licenseForm.patchValue({
             websiteUrl: "bad url",
         });
-        const inputEl: HTMLInputElement = findInputElememtByDataTestId(
-            fixture,
-            `license-websiteUrl`,
-        );
+        const inputEl: HTMLInputElement = findInputElememtByDataTestId(fixture, `license-websiteUrl`);
         const focusEvent = new InputEvent("focus");
         inputEl.dispatchEvent(focusEvent);
         fixture.detectChanges();
@@ -120,10 +99,7 @@ describe("EditLicenseModalComponent", () => {
         fixture.detectChanges();
 
         ["name", "shortName", "websiteUrl"].forEach((controlName: string) => {
-            const inputEl: HTMLInputElement = findInputElememtByDataTestId(
-                fixture,
-                `license-${controlName}`,
-            );
+            const inputEl: HTMLInputElement = findInputElememtByDataTestId(fixture, `license-${controlName}`);
 
             const focusEvent = new InputEvent("focus");
             inputEl.dispatchEvent(focusEvent);
@@ -133,10 +109,7 @@ describe("EditLicenseModalComponent", () => {
             inputEl.dispatchEvent(blurEvent);
             fixture.detectChanges();
 
-            const errorSpan = findElementByDataTestId(
-                fixture,
-                `error-license-${controlName}`,
-            );
+            const errorSpan = findElementByDataTestId(fixture, `error-license-${controlName}`);
             expect(errorSpan.innerText).toBeDefined();
         });
     });
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.ts b/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.ts
index 483cdad0e..e23e9099e 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-license-modal/edit-license-modal.component.ts
@@ -31,10 +31,7 @@ export class EditLicenseModalComponent extends BaseComponent implements OnInit {
     public licenseForm: FormGroup = this.fb.group({
         name: ["", [Validators.required]],
         shortName: ["", [Validators.required]],
-        websiteUrl: [
-            "",
-            [Validators.required, Validators.pattern(AppValues.URL_PATTERN)],
-        ],
+        websiteUrl: ["", [Validators.required, Validators.pattern(AppValues.URL_PATTERN)]],
         spdxId: [""],
     });
 
@@ -49,8 +46,7 @@ export class EditLicenseModalComponent extends BaseComponent implements OnInit {
 
     ngOnInit(): void {
         if (this.currentState?.overview.metadata.currentLicense) {
-            const { name, shortName, spdxId, websiteUrl } =
-                this.currentState.overview.metadata.currentLicense;
+            const { name, shortName, spdxId, websiteUrl } = this.currentState.overview.metadata.currentLicense;
             this.licenseForm.patchValue({
                 name,
                 shortName,
@@ -68,10 +64,7 @@ export class EditLicenseModalComponent extends BaseComponent implements OnInit {
                         this.datasetBasics.owner.name,
                         this.datasetBasics.name as string,
                         this.yamlEventService.buildYamlSetLicenseEvent(
-                            this.licenseForm.value as Omit<
-                                SetLicense,
-                                "__typename"
-                            >,
+                            this.licenseForm.value as Omit<SetLicense, "__typename">,
                         ),
                     )
                     .subscribe(),
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.html b/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.html
index eef56f5ec..47f835c84 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.html
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.html
@@ -3,12 +3,7 @@
         <span class="fs-5 fw-bold"> Set Watermark</span>
     </div>
     <div>
-        <button
-            type="button"
-            class="btn-close"
-            aria-label="Close"
-            (click)="activeModal.close()"
-        ></button>
+        <button type="button" class="btn-close" aria-label="Close" (click)="activeModal.close()"></button>
     </div>
 </div>
 <div class="px-4">
@@ -20,18 +15,12 @@
             <mat-icon class="fs-4">help_outline</mat-icon>
         </span>
         <p class="ps-2">
-            A watermark defines a point in event time for which with a high
-            probability all preceding events have been already observed. Telling
-            the system
-            <em
-                >"You most likely will not get any events with time less than T
-                any more"</em
-            >
-            allows it to advance the downstream computations, like windowed
-            aggregations and streaming joins, and ensure consistent results.
-            Watermarks are typically advanced automatically based on observed
-            data or information from the data source, but you can also set them
-            manually here.
+            A watermark defines a point in event time for which with a high probability all preceding events have been
+            already observed. Telling the system
+            <em>"You most likely will not get any events with time less than T any more"</em>
+            allows it to advance the downstream computations, like windowed aggregations and streaming joins, and ensure
+            consistent results. Watermarks are typically advanced automatically based on observed data or information
+            from the data source, but you can also set them manually here.
         </p>
     </div>
 </div>
@@ -40,9 +29,7 @@
     <div class="d-flex align-items-center pb-4 ms-4 ps-4">
         <span class="me-4">Time zone:</span>
         <select class="form-select w-75" [(ngModel)]="timeZone">
-            <option [ngValue]="timeZone">
-                (UTC{{ createOffset(this.date) }}) {{ timeZone }}
-            </option>
+            <option [ngValue]="timeZone">(UTC{{ createOffset(this.date) }}) {{ timeZone }}</option>
         </select>
     </div>
     <div class="d-flex align-items-center ms-4 ps-4">
@@ -56,9 +43,7 @@
             [min]="minLocalWatermark"
         />
         <owl-date-time #fromdatepicker></owl-date-time>
-        <span [owlDateTimeTrigger]="fromdatepicker" class="trigger ms-2"
-            ><mat-icon>calendar_month</mat-icon>
-        </span>
+        <span [owlDateTimeTrigger]="fromdatepicker" class="trigger ms-2"><mat-icon>calendar_month</mat-icon> </span>
     </div>
 </div>
 <div class="p-4 d-flex justify-content-end">
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.spec.ts b/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.spec.ts
index 23d3f9772..9ccc38f84 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.spec.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.spec.ts
@@ -4,10 +4,7 @@ import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
 import { Apollo } from "apollo-angular";
 import { MatDividerModule } from "@angular/material/divider";
 import { MatIconModule } from "@angular/material/icon";
-import {
-    OwlDateTimeModule,
-    OwlNativeDateTimeModule,
-} from "@danielmoncada/angular-datetime-picker";
+import { OwlDateTimeModule, OwlNativeDateTimeModule } from "@danielmoncada/angular-datetime-picker";
 import { OwlMomentDateTimeModule } from "@danielmoncada/angular-datetime-picker-moment-adapter";
 import { FormsModule } from "@angular/forms";
 import timekeeper from "timekeeper";
@@ -59,21 +56,15 @@ describe("EditWatermarkModalComponent", () => {
     });
 
     it("should check init minLocalWatermark when currentWatermark is not null", () => {
-        (component.currentWatermark = "2023-03-12T00:00:00+00:00"),
-            fixture.detectChanges();
+        (component.currentWatermark = "2023-03-12T00:00:00+00:00"), fixture.detectChanges();
         const result = "2023-03-12T00:00:00.000Z";
         expect(component.minLocalWatermark).toEqual(result);
     });
 
     it("should check commit SetWatermark event", () => {
         fixture.detectChanges();
-        const commitSetWatermarkEventSpy = spyOn(
-            component,
-            "commitSetWatermarkEvent",
-        ).and.callThrough();
-        spyOn(datasetCommitService, "commitEventToDataset").and.returnValue(
-            of(),
-        );
+        const commitSetWatermarkEventSpy = spyOn(component, "commitSetWatermarkEvent").and.callThrough();
+        spyOn(datasetCommitService, "commitEventToDataset").and.returnValue(of());
         emitClickOnElementByDataTestId(fixture, "commit-setWatermark-event");
         expect(commitSetWatermarkEventSpy).toHaveBeenCalledTimes(1);
     });
diff --git a/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.ts b/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.ts
index 1c61c2e7c..f1c403b8f 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component.ts
@@ -1,10 +1,5 @@
 import { MaybeNull } from "./../../../../../common/app.types";
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    OnInit,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, OnInit } from "@angular/core";
 import { OWL_DATE_TIME_FORMATS } from "@danielmoncada/angular-datetime-picker";
 import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
 import moment from "moment-timezone";
@@ -19,14 +14,9 @@ import { DatasetCommitService } from "../../services/dataset-commit.service";
     templateUrl: "./edit-watermark-modal.component.html",
     styleUrls: ["./edit-watermark-modal.component.sass"],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        { provide: OWL_DATE_TIME_FORMATS, useValue: MY_MOMENT_FORMATS },
-    ],
+    providers: [{ provide: OWL_DATE_TIME_FORMATS, useValue: MY_MOMENT_FORMATS }],
 })
-export class EditWatermarkModalComponent
-    extends BaseComponent
-    implements OnInit
-{
+export class EditWatermarkModalComponent extends BaseComponent implements OnInit {
     @Input() public currentWatermark: MaybeNull<string>;
     @Input() public datasetBasics?: DatasetBasicsFragment;
     public date: Date;
@@ -64,9 +54,7 @@ export class EditWatermarkModalComponent
     }
 
     public get minLocalWatermark(): string {
-        return this.currentWatermark
-            ? new Date(this.currentWatermark).toISOString()
-            : "";
+        return this.currentWatermark ? new Date(this.currentWatermark).toISOString() : "";
     }
 
     public commitSetWatermarkEvent(): void {
diff --git a/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.html b/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.html
index a850750b4..feffa5d37 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.html
+++ b/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.html
@@ -1,22 +1,11 @@
-<div
-    id="file-readme-dataset-template-md"
-    class="file my-4"
-    *ngIf="currentReadme || editViewShow"
->
+<div id="file-readme-dataset-template-md" class="file my-4" *ngIf="currentReadme || editViewShow">
     <div class="file-header d-flex align-items-center">
-        <div
-            class="file-info pr-4 d-flex flex-order-1 flex-auto align-items-center"
-        >
+        <div class="file-info pr-4 d-flex flex-order-1 flex-auto align-items-center">
             <span class="mr-2">
                 <svg-icon name="code-square"></svg-icon>
             </span>
             <h2 class="box-title align-items-center m-0">
-                <a
-                    href="#readme"
-                    data-view-component="true"
-                    class="link--primary"
-                    >README.md</a
-                >
+                <a href="#readme" data-view-component="true" class="link--primary">README.md</a>
             </h2>
         </div>
         <button
@@ -28,10 +17,7 @@ <h2 class="box-title align-items-center m-0">
             <svg-icon name="pencil"></svg-icon>
         </button>
     </div>
-    <div
-        *ngIf="editViewShow"
-        class="edit-title d-flex align-items-center justify-content-between"
-    >
+    <div *ngIf="editViewShow" class="edit-title d-flex align-items-center justify-content-between">
         <div class="left-part">
             <button
                 class="edit-button"
@@ -51,11 +37,7 @@ <h2 class="box-title align-items-center m-0">
             </button>
         </div>
         <div class="right-part d-flex">
-            <button
-                class="button-changes mr-4"
-                data-test-id="cancel-changes"
-                (click)="onCancelChanges()"
-            >
+            <button class="button-changes mr-4" data-test-id="cancel-changes" (click)="onCancelChanges()">
                 Cancel changes
             </button>
             <button
@@ -70,10 +52,7 @@ <h2 class="box-title align-items-center m-0">
     </div>
     <div class="file-content">
         <ng-template [ngIf]="isEditView && editViewShow">
-            <textarea
-                class="variable-textarea"
-                [(ngModel)]="readmeState"
-            ></textarea>
+            <textarea class="variable-textarea" [(ngModel)]="readmeState"></textarea>
         </ng-template>
         <ng-template [ngIf]="!isEditView || !editViewShow">
             <markdown class="variable-binding" [data]="readmeState"></markdown>
diff --git a/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.spec.ts b/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.spec.ts
index 554428f08..2c3ec4b79 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.spec.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.spec.ts
@@ -1,9 +1,4 @@
-import {
-    ComponentFixture,
-    TestBed,
-    fakeAsync,
-    tick,
-} from "@angular/core/testing";
+import { ComponentFixture, TestBed, fakeAsync, tick } from "@angular/core/testing";
 import { ReadmeSectionComponent } from "./readme-section.component";
 import { mockDatasetBasicsFragment } from "src/app/search/mock.data";
 import { Apollo, ApolloModule } from "apollo-angular";
@@ -92,10 +87,7 @@ describe("ReadmeSectionComponent", () => {
 
     it("should check save changes", fakeAsync(() => {
         component.readmeState = mockReadmeContent + "modified";
-        const updateReadmeSpy = spyOn(
-            datasetCommitService,
-            "updateReadme",
-        ).and.returnValue(of());
+        const updateReadmeSpy = spyOn(datasetCommitService, "updateReadme").and.returnValue(of());
         emitClickOnElementByDataTestId(fixture, "show-edit-tabs");
         fixture.detectChanges();
         emitClickOnElementByDataTestId(fixture, "save-changes");
diff --git a/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.ts b/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.ts
index e4fef5d80..7f59ffbad 100644
--- a/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.ts
+++ b/src/app/dataset-view/additional-components/overview-component/components/readme-section/readme-section.component.ts
@@ -1,11 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    OnInit,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
 import { DatasetBasicsFragment } from "src/app/api/kamu.graphql.interface";
 import { MaybeNull } from "src/app/common/app.types";
 import { BaseComponent } from "src/app/common/base.component";
@@ -67,11 +60,7 @@ export class ReadmeSectionComponent extends BaseComponent implements OnInit {
         if (this.datasetBasics)
             this.trackSubscription(
                 this.datasetCommitService
-                    .updateReadme(
-                        this.datasetBasics.owner.name,
-                        this.datasetBasics.name as string,
-                        this.readmeState,
-                    )
+                    .updateReadme(this.datasetBasics.owner.name, this.datasetBasics.name as string, this.readmeState)
                     .subscribe(() => {
                         this.reset();
                     }),
diff --git a/src/app/dataset-view/additional-components/overview-component/overview-component.html b/src/app/dataset-view/additional-components/overview-component/overview-component.html
index ff7620575..c39684af0 100644
--- a/src/app/dataset-view/additional-components/overview-component/overview-component.html
+++ b/src/app/dataset-view/additional-components/overview-component/overview-component.html
@@ -10,34 +10,16 @@
                 class="d-flex flex-row flex-justify-between mb-3"
             >
                 <div class="d-flex flex-column me-auto">
-                    <div
-                        *ngIf="currentState.overview.metadata.currentInfo?.description"
-                    >
-                        <h2 class="box-title align-items-center pb-3">
-                            Description
-                        </h2>
+                    <div *ngIf="currentState.overview.metadata.currentInfo?.description">
+                        <h2 class="box-title align-items-center pb-3">Description</h2>
 
-                        <p>
-                            {{
-                            currentState.overview.metadata.currentInfo.description
-                            }}
-                        </p>
+                        <p>{{ currentState.overview.metadata.currentInfo.description }}</p>
                     </div>
-                    <div
-                        class="app-mat-chip"
-                        *ngIf="currentState.overview.metadata.currentInfo?.keywords"
-                    >
-                        <h2 class="box-title align-items-center pt-3">
-                            Keywords
-                        </h2>
+                    <div class="app-mat-chip" *ngIf="currentState.overview.metadata.currentInfo?.keywords">
+                        <h2 class="box-title align-items-center pt-3">Keywords</h2>
                         <mat-chip-list aria-label="Tags selection">
-                            <div
-                                *ngFor="let keyword of currentState.overview.metadata.currentInfo?.keywords"
-                            >
-                                <mat-chip
-                                    (click)="selectTopic(datasetBasics.kind)"
-                                    >{{ keyword }}</mat-chip
-                                >
+                            <div *ngFor="let keyword of currentState.overview.metadata.currentInfo?.keywords">
+                                <mat-chip (click)="selectTopic(datasetBasics.kind)">{{ keyword }}</mat-chip>
                             </div>
                         </mat-chip-list>
                     </div>
@@ -81,12 +63,7 @@ <h2 class="box-title align-items-center pt-3">
             >
                 <p>
                     You can
-                    <a
-                        class="text-decoration-none"
-                        (click)="navigateToAddPollingSource()"
-                    >
-                        Add data source</a
-                    >
+                    <a class="text-decoration-none" (click)="navigateToAddPollingSource()"> Add data source</a>
                 </p>
             </div>
             <div
@@ -95,12 +72,7 @@ <h2 class="box-title align-items-center pt-3">
             >
                 <p>
                     You can
-                    <a
-                        class="text-decoration-none"
-                        (click)="navigateToSetTransform()"
-                    >
-                        Add transformation</a
-                    >
+                    <a class="text-decoration-none" (click)="navigateToSetTransform()"> Add transformation</a>
                 </p>
             </div>
 
@@ -116,25 +88,12 @@ <h2 class="box-title align-items-center pt-3">
                 [dataRows]="currentState ? currentState.data : []"
             ></app-dynamic-table>
             <ng-template #noData>
-                <div
-                    class="mt-4 p-3 text-center no-data-container border border-2"
-                >
-                    No data
-                </div>
+                <div class="mt-4 p-3 text-center no-data-container border border-2">No data</div>
             </ng-template>
-            <div
-                class="my-4"
-                *ngIf="!currentState.overview.metadata.currentReadme && !addReadme"
-            >
+            <div class="my-4" *ngIf="!currentState.overview.metadata.currentReadme && !addReadme">
                 <p>
                     You can
-                    <a
-                        class="text-decoration-none"
-                        (click)="onAddReadme()"
-                        data-test-id="add-readme"
-                    >
-                        Add README.md</a
-                    >
+                    <a class="text-decoration-none" (click)="onAddReadme()" data-test-id="add-readme"> Add README.md</a>
                 </p>
             </div>
             <app-readme-section
@@ -147,9 +106,7 @@ <h2 class="box-title align-items-center pt-3">
     </div>
     <div class="card">
         <nav class="flex-row mat-typography">
-            <div
-                class="card--row card--title d-flex align-items-center justify-content-between"
-            >
+            <div class="card--row card--title d-flex align-items-center justify-content-between">
                 <div class="pt-3">
                     <h2>Details</h2>
                 </div>
@@ -169,9 +126,7 @@ <h2>Details</h2>
                             <h2 class="dataset-info--subtitle">Kind:</h2>
                         </div>
                         <div class="dataset-info--sub-block">
-                            <p class="dataset-info--text">
-                                {{ datasetKind(datasetBasics.kind) }}
-                            </p>
+                            <p class="dataset-info--text">{{ datasetKind(datasetBasics.kind) }}</p>
                         </div>
                     </div>
                     <div class="dataset-info--block">
@@ -182,16 +137,11 @@ <h2 class="dataset-info--subtitle">Visibility:</h2>
                             <p class="dataset-info--text">Public</p>
                         </div>
                     </div>
-                    <div
-                        class="dataset-info--block"
-                        *ngIf="currentState.overview.metadata.currentLicense"
-                    >
+                    <div class="dataset-info--block" *ngIf="currentState.overview.metadata.currentLicense">
                         <div class="dataset-info--sub-block">
                             <h2 class="dataset-info--subtitle">License:</h2>
                         </div>
-                        <div
-                            class="dataset-info--sub-block d-flex align-items-center"
-                        >
+                        <div class="dataset-info--sub-block d-flex align-items-center">
                             <div>
                                 <a
                                     class="link--primary text-break"
@@ -202,9 +152,7 @@ <h2 class="dataset-info--subtitle">License:</h2>
                                         placement="bottom"
                                         [ngbTooltip]="currentState.overview.metadata.currentLicense.name"
                                     >
-                                        {{
-                                        currentState.overview.metadata.currentLicense.shortName
-                                        }}
+                                        {{ currentState.overview.metadata.currentLicense.shortName }}
                                     </span>
                                 </a>
                             </div>
@@ -223,15 +171,12 @@ <h2 class="dataset-info--subtitle">License:</h2>
                     </div>
                     <div class="dataset-info--block">
                         <div class="dataset-info--sub-block">
-                            <h2 class="dataset-info--subtitle">
-                                Estimated Size:
-                            </h2>
+                            <h2 class="dataset-info--subtitle">Estimated Size:</h2>
                         </div>
                         <div class="dataset-info--sub-block">
                             <p class="dataset-info--text">
-                                {{ (currentState.size.estimatedSize ?
-                                (currentState.size.estimatedSize | displaySize)
-                                : "-") }}
+                                {{ (currentState.size.estimatedSize ? (currentState.size.estimatedSize | displaySize) :
+                                "-") }}
                             </p>
                         </div>
                     </div>
@@ -241,8 +186,7 @@ <h2 class="dataset-info--subtitle">Records:</h2>
                         </div>
                         <div class="dataset-info--sub-block">
                             <p class="dataset-info--text">
-                                {{ currentState.size.numRecordsTotal || 0 |
-                                number: "1.0-0" }}
+                                {{ currentState.size.numRecordsTotal || 0 | number: "1.0-0" }}
                             </p>
                         </div>
                     </div>
@@ -260,9 +204,7 @@ <h2 class="dataset-info--subtitle">Created At:</h2>
                     </div>
                     <div class="dataset-info--block" *ngIf="currentState">
                         <div class="dataset-info--sub-block">
-                            <h2 class="dataset-info--subtitle">
-                                Last Updated At:
-                            </h2>
+                            <h2 class="dataset-info--subtitle">Last Updated At:</h2>
                         </div>
                         <div class="dataset-info--sub-block">
                             <app-display-time
@@ -297,9 +239,7 @@ <h2 class="dataset-info--subtitle">Watermark:</h2>
                             </div>
                         </div>
                         <ng-template #noWatermark>
-                            <div
-                                class="dataset-info--sub-block d-flex align-items-center ms-4"
-                            >
+                            <div class="dataset-info--sub-block d-flex align-items-center ms-4">
                                 <div class="me-4">-</div>
                                 <div>
                                     <button
diff --git a/src/app/dataset-view/additional-components/overview-component/overview-component.spec.ts b/src/app/dataset-view/additional-components/overview-component/overview-component.spec.ts
index 13c8d8ba5..56529f4b9 100644
--- a/src/app/dataset-view/additional-components/overview-component/overview-component.spec.ts
+++ b/src/app/dataset-view/additional-components/overview-component/overview-component.spec.ts
@@ -2,10 +2,7 @@ import { ReactiveFormsModule } from "@angular/forms";
 import { ApolloModule } from "apollo-angular";
 import { Apollo } from "apollo-angular";
 import { mockDatasetBasicsFragment } from "./../../../search/mock.data";
-import {
-    mockMetadataSchemaUpdate,
-    mockOverviewDataUpdate,
-} from "./../data-tabs.mock";
+import { mockMetadataSchemaUpdate, mockOverviewDataUpdate } from "./../data-tabs.mock";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { AppDatasetSubscriptionsService } from "../../dataset.subscriptions.service";
 import { OverviewComponent } from "./overview-component";
@@ -27,12 +24,7 @@ describe("OverviewComponent", () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [OverviewComponent],
-            imports: [
-                ApolloModule,
-                ReactiveFormsModule,
-                MatChipsModule,
-                SharedTestModule,
-            ],
+            imports: [ApolloModule, ReactiveFormsModule, MatChipsModule, SharedTestModule],
             providers: [Apollo],
         }).compileComponents();
 
@@ -81,10 +73,7 @@ describe("OverviewComponent", () => {
     });
 
     it("should check open website", () => {
-        const navigationServiceSpy = spyOn(
-            navigationService,
-            "navigateToWebsite",
-        );
+        const navigationServiceSpy = spyOn(navigationService, "navigateToWebsite");
         const testWebsite = "http://google.com";
         component.showWebsite(testWebsite);
         expect(navigationServiceSpy).toHaveBeenCalledWith(testWebsite);
@@ -113,10 +102,7 @@ describe("OverviewComponent", () => {
     });
 
     it("should navigate to create SetPollingSource event page", () => {
-        const navigateToAddPollingSourceSpy = spyOn(
-            navigationService,
-            "navigateToAddPollingSource",
-        );
+        const navigateToAddPollingSourceSpy = spyOn(navigationService, "navigateToAddPollingSource");
         component.navigateToAddPollingSource();
         expect(navigateToAddPollingSourceSpy).toHaveBeenCalledWith({
             accountName: mockDatasetBasicsFragment.owner.name,
diff --git a/src/app/dataset-view/additional-components/overview-component/overview-component.ts b/src/app/dataset-view/additional-components/overview-component/overview-component.ts
index 9744d0c9b..0f54a327b 100644
--- a/src/app/dataset-view/additional-components/overview-component/overview-component.ts
+++ b/src/app/dataset-view/additional-components/overview-component/overview-component.ts
@@ -58,16 +58,14 @@ export class OverviewComponent extends BaseComponent implements OnInit {
 
     ngOnInit(): void {
         this.trackSubscription(
-            this.appDatasetSubsService.onDatasetOverviewDataChanges.subscribe(
-                (overviewUpdate: OverviewDataUpdate) => {
-                    this.currentState = {
-                        schema: overviewUpdate.schema,
-                        data: overviewUpdate.content,
-                        size: overviewUpdate.size,
-                        overview: overviewUpdate.overview,
-                    };
-                },
-            ),
+            this.appDatasetSubsService.onDatasetOverviewDataChanges.subscribe((overviewUpdate: OverviewDataUpdate) => {
+                this.currentState = {
+                    schema: overviewUpdate.schema,
+                    data: overviewUpdate.content,
+                    size: overviewUpdate.size,
+                    overview: overviewUpdate.overview,
+                };
+            }),
         );
     }
 
@@ -84,39 +82,27 @@ export class OverviewComponent extends BaseComponent implements OnInit {
     }
 
     get metadataFragmentBlock(): MetadataBlockFragment | undefined {
-        return this.currentState
-            ? this.currentState.overview.metadata.chain.blocks.nodes[0]
-            : undefined;
+        return this.currentState ? this.currentState.overview.metadata.chain.blocks.nodes[0] : undefined;
     }
 
     public openInformationModal() {
-        const modalRef: NgbModalRef = this.modalService.open(
-            EditDetailsModalComponent,
-        );
-        const modalRefInstance =
-            modalRef.componentInstance as EditDetailsModalComponent;
+        const modalRef: NgbModalRef = this.modalService.open(EditDetailsModalComponent);
+        const modalRefInstance = modalRef.componentInstance as EditDetailsModalComponent;
         modalRefInstance.currentState = this.currentState;
         modalRefInstance.datasetBasics = this.datasetBasics;
     }
 
     public openLicenseModal(): void {
-        const modalRef: NgbModalRef = this.modalService.open(
-            EditLicenseModalComponent,
-        );
-        const modalRefInstance =
-            modalRef.componentInstance as EditLicenseModalComponent;
+        const modalRef: NgbModalRef = this.modalService.open(EditLicenseModalComponent);
+        const modalRefInstance = modalRef.componentInstance as EditLicenseModalComponent;
         modalRefInstance.currentState = this.currentState;
         modalRefInstance.datasetBasics = this.datasetBasics;
     }
 
     public openWatermarkModal(): void {
-        const modalRef: NgbModalRef = this.modalService.open(
-            EditWatermarkModalComponent,
-        );
-        const modalRefInstance =
-            modalRef.componentInstance as EditWatermarkModalComponent;
-        modalRefInstance.currentWatermark = this.currentState?.overview.metadata
-            .currentWatermark as string;
+        const modalRef: NgbModalRef = this.modalService.open(EditWatermarkModalComponent);
+        const modalRefInstance = modalRef.componentInstance as EditWatermarkModalComponent;
+        modalRefInstance.currentWatermark = this.currentState?.overview.metadata.currentWatermark as string;
         modalRefInstance.datasetBasics = this.datasetBasics;
     }
 
diff --git a/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.spec.ts b/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.spec.ts
index 5ee0d02fc..2ade5aed8 100644
--- a/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.spec.ts
+++ b/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.spec.ts
@@ -29,8 +29,7 @@ describe("DatasetCommitService", () => {
 
     const TEST_ACCOUNT_NAME = "accountName";
     const TEST_DATASET_NAME = "datasetName";
-    const TEST_DATASET_ID: string = mockDatasetMainDataResponse.datasets
-        .byOwnerAndName?.id as string;
+    const TEST_DATASET_ID: string = mockDatasetMainDataResponse.datasets.byOwnerAndName?.id as string;
     const TEST_EVENT_CONTENT = "event content";
 
     beforeEach(() => {
@@ -43,24 +42,13 @@ describe("DatasetCommitService", () => {
         commitService = TestBed.inject(DatasetCommitService);
         datasetService = TestBed.inject(DatasetService);
 
-        getDatasetInfoSpy = spyOn(
-            datasetApi,
-            "getDatasetInfoByAccountAndDatasetName",
-        ).and.returnValue(
-            of(
-                mockDatasetMainDataResponse as DatasetByAccountAndDatasetNameQuery,
-            ),
+        getDatasetInfoSpy = spyOn(datasetApi, "getDatasetInfoByAccountAndDatasetName").and.returnValue(
+            of(mockDatasetMainDataResponse as DatasetByAccountAndDatasetNameQuery),
         );
 
-        requestDatasetMainDataSpy = spyOn(
-            datasetService,
-            "requestDatasetMainData",
-        ).and.returnValue(of());
+        requestDatasetMainDataSpy = spyOn(datasetService, "requestDatasetMainData").and.returnValue(of());
 
-        navigationServiceSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        navigationServiceSpy = spyOn(navigationService, "navigateToDatasetView");
     });
 
     it("should be created", () => {
@@ -68,18 +56,11 @@ describe("DatasetCommitService", () => {
     });
 
     function requestDatasetId(): Observable<string> {
-        return commitService.getIdByAccountNameAndDatasetName(
-            TEST_ACCOUNT_NAME,
-            TEST_DATASET_NAME,
-        );
+        return commitService.getIdByAccountNameAndDatasetName(TEST_ACCOUNT_NAME, TEST_DATASET_NAME);
     }
 
     function requestCommitEvent(): Observable<void> {
-        return commitService.commitEventToDataset(
-            TEST_ACCOUNT_NAME,
-            TEST_DATASET_NAME,
-            TEST_EVENT_CONTENT,
-        );
+        return commitService.commitEventToDataset(TEST_ACCOUNT_NAME, TEST_DATASET_NAME, TEST_EVENT_CONTENT);
     }
 
     function expectNavigatedToDatasetOverview() {
@@ -115,10 +96,7 @@ describe("DatasetCommitService", () => {
         flush();
 
         expect(eventsCount).toEqual(2);
-        expect(getDatasetInfoSpy).toHaveBeenCalledOnceWith(
-            TEST_ACCOUNT_NAME,
-            TEST_DATASET_NAME,
-        );
+        expect(getDatasetInfoSpy).toHaveBeenCalledOnceWith(TEST_ACCOUNT_NAME, TEST_DATASET_NAME);
     }));
 
     it("should check getIdByAccountNameAndDatasetName() method without cache", fakeAsync(() => {
@@ -131,16 +109,11 @@ describe("DatasetCommitService", () => {
         flush();
 
         expect(eventsCount).toEqual(1);
-        expect(getDatasetInfoSpy).toHaveBeenCalledOnceWith(
-            TEST_ACCOUNT_NAME,
-            TEST_DATASET_NAME,
-        );
+        expect(getDatasetInfoSpy).toHaveBeenCalledOnceWith(TEST_ACCOUNT_NAME, TEST_DATASET_NAME);
     }));
 
     it("should check commitEventToDataset() method", fakeAsync(() => {
-        const commitEventSpy = spyOn(datasetApi, "commitEvent").and.returnValue(
-            of(mockCommitEventToDatasetMutation),
-        );
+        const commitEventSpy = spyOn(datasetApi, "commitEvent").and.returnValue(of(mockCommitEventToDatasetMutation));
 
         requestCommitEvent().subscribe(() => {
             tick();
@@ -160,14 +133,11 @@ describe("DatasetCommitService", () => {
             of(mockCommitEventToDatasetMutationError),
         );
 
-        const errorSubscription$: Subscription =
-            commitService.onErrorCommitEventChanges
-                .pipe(first())
-                .subscribe((message) => {
-                    expect(message).toEqual(
-                        mockCommitEventToDatasetMutationErrorMessage,
-                    );
-                });
+        const errorSubscription$: Subscription = commitService.onErrorCommitEventChanges
+            .pipe(first())
+            .subscribe((message) => {
+                expect(message).toEqual(mockCommitEventToDatasetMutationErrorMessage);
+            });
 
         requestCommitEvent().subscribe(() => {
             tick();
@@ -186,23 +156,15 @@ describe("DatasetCommitService", () => {
     }));
 
     it("should check updateReadme() method ", fakeAsync(() => {
-        const updateReadmeSpy = spyOn(
-            datasetApi,
-            "updateReadme",
-        ).and.returnValue(of(mockUpdateReadmeMutation));
+        const updateReadmeSpy = spyOn(datasetApi, "updateReadme").and.returnValue(of(mockUpdateReadmeMutation));
         const README_CONTENT = "readme content";
 
-        commitService
-            .updateReadme(TEST_ACCOUNT_NAME, TEST_DATASET_NAME, README_CONTENT)
-            .subscribe(() => {
-                tick();
-            });
+        commitService.updateReadme(TEST_ACCOUNT_NAME, TEST_DATASET_NAME, README_CONTENT).subscribe(() => {
+            tick();
+        });
         flush();
 
-        expect(updateReadmeSpy).toHaveBeenCalledOnceWith(
-            TEST_DATASET_ID,
-            README_CONTENT,
-        );
+        expect(updateReadmeSpy).toHaveBeenCalledOnceWith(TEST_DATASET_ID, README_CONTENT);
         expectNavigatedToDatasetOverview();
         expectRequestedDatasetMainData();
     }));
diff --git a/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.ts b/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.ts
index 53472aaa7..010a4e066 100644
--- a/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.ts
+++ b/src/app/dataset-view/additional-components/overview-component/services/dataset-commit.service.ts
@@ -33,15 +33,8 @@ export class DatasetCommitService {
         private datasetService: DatasetService,
     ) {}
 
-    public commitEventToDataset(
-        accountName: string,
-        datasetName: string,
-        event: string,
-    ): Observable<void> {
-        return this.getIdByAccountNameAndDatasetName(
-            accountName,
-            datasetName,
-        ).pipe(
+    public commitEventToDataset(accountName: string, datasetName: string, event: string): Observable<void> {
+        return this.getIdByAccountNameAndDatasetName(accountName, datasetName).pipe(
             switchMap((id: string) =>
                 this.datasetApi.commitEvent({
                     datasetId: id,
@@ -50,14 +43,10 @@ export class DatasetCommitService {
             ),
             map((data: CommitEventToDatasetMutation | undefined | null) => {
                 if (
-                    data?.datasets.byId?.metadata.chain.commitEvent
-                        .__typename === "CommitResultAppendError" ||
-                    data?.datasets.byId?.metadata.chain.commitEvent
-                        .__typename === "MetadataManifestMalformed"
+                    data?.datasets.byId?.metadata.chain.commitEvent.__typename === "CommitResultAppendError" ||
+                    data?.datasets.byId?.metadata.chain.commitEvent.__typename === "MetadataManifestMalformed"
                 ) {
-                    this.errorCommitEventChanges(
-                        data.datasets.byId.metadata.chain.commitEvent.message,
-                    );
+                    this.errorCommitEventChanges(data.datasets.byId.metadata.chain.commitEvent.message);
                 } else {
                     this.updatePage(accountName, datasetName);
                 }
@@ -65,45 +54,27 @@ export class DatasetCommitService {
         );
     }
 
-    public getIdByAccountNameAndDatasetName(
-        accountName: string,
-        datasetName: string,
-    ): Observable<string> {
+    public getIdByAccountNameAndDatasetName(accountName: string, datasetName: string): Observable<string> {
         const key = `${accountName}${datasetName}`;
-        const cachedId: string | undefined =
-            this.datasetIdsByAccountDatasetName.get(key);
+        const cachedId: string | undefined = this.datasetIdsByAccountDatasetName.get(key);
         if (cachedId) {
             return of(cachedId);
         } else {
-            return this.datasetApi
-                .getDatasetInfoByAccountAndDatasetName(accountName, datasetName)
-                .pipe(
-                    map((data: DatasetByAccountAndDatasetNameQuery) => {
-                        const id = data.datasets.byOwnerAndName?.id as string;
-                        this.datasetIdsByAccountDatasetName.set(key, id);
-                        return id;
-                    }),
-                );
+            return this.datasetApi.getDatasetInfoByAccountAndDatasetName(accountName, datasetName).pipe(
+                map((data: DatasetByAccountAndDatasetNameQuery) => {
+                    const id = data.datasets.byOwnerAndName?.id as string;
+                    this.datasetIdsByAccountDatasetName.set(key, id);
+                    return id;
+                }),
+            );
         }
     }
 
-    public updateReadme(
-        accountName: string,
-        datasetName: string,
-        content: string,
-    ): Observable<void> {
-        return this.getIdByAccountNameAndDatasetName(
-            accountName,
-            datasetName,
-        ).pipe(
-            switchMap((id: string) =>
-                this.datasetApi.updateReadme(id, content),
-            ),
+    public updateReadme(accountName: string, datasetName: string, content: string): Observable<void> {
+        return this.getIdByAccountNameAndDatasetName(accountName, datasetName).pipe(
+            switchMap((id: string) => this.datasetApi.updateReadme(id, content)),
             map((data: UpdateReadmeMutation | null | undefined) => {
-                if (
-                    data?.datasets.byId?.metadata.updateReadme.__typename ===
-                    "CommitResultSuccess"
-                ) {
+                if (data?.datasets.byId?.metadata.updateReadme.__typename === "CommitResultSuccess") {
                     this.updatePage(accountName, datasetName);
                 }
             }),
diff --git a/src/app/dataset-view/dataset-view-header/dataset-view-header-component.ts b/src/app/dataset-view/dataset-view-header/dataset-view-header-component.ts
index a65ed1e04..06d93ca80 100644
--- a/src/app/dataset-view/dataset-view-header/dataset-view-header-component.ts
+++ b/src/app/dataset-view/dataset-view-header/dataset-view-header-component.ts
@@ -1,10 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { SearchAdditionalHeaderButtonInterface } from "../../components/search-additional-buttons/search-additional-buttons.interface";
 import { searchAdditionalButtonsEnum } from "../../search/search.interface";
 import { NavigationService } from "src/app/services/navigation.service";
@@ -18,60 +12,57 @@ import { DatasetInfo } from "src/app/interface/navigation.interface";
 export class DatasetViewHeaderComponent {
     @Input() datasetInfo: DatasetInfo;
     @Output() public showOwnerPageEmit = new EventEmitter<null>();
-    @Output() public onClickSearchAdditionalButtonEmit =
-        new EventEmitter<string>();
+    @Output() public onClickSearchAdditionalButtonEmit = new EventEmitter<string>();
 
     constructor(private navigationService: NavigationService) {}
 
-    public searchAdditionalButtonsData: SearchAdditionalHeaderButtonInterface[] =
-        [
-            {
-                textButton: searchAdditionalButtonsEnum.Starred,
-                counter: 2,
-                iconSvgPath:
-                    "M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z",
-                svgClass:
-                    "octicon octicon-star-fill starred-button-icon d-inline-block mr-2",
-                iconSvgPathClass: "starred-button-icon",
+    public searchAdditionalButtonsData: SearchAdditionalHeaderButtonInterface[] = [
+        {
+            textButton: searchAdditionalButtonsEnum.Starred,
+            counter: 2,
+            iconSvgPath:
+                "M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z",
+            svgClass: "octicon octicon-star-fill starred-button-icon d-inline-block mr-2",
+            iconSvgPathClass: "starred-button-icon",
+        },
+        {
+            textButton: searchAdditionalButtonsEnum.UnWatch,
+            counter: 1,
+            iconSvgPath:
+                "M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 010 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 010-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 000 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 000-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 100-4 2 2 0 000 4z",
+            svgClass: "octicon octicon-eye mr-2",
+            iconSvgPathClass: "",
+            additionalOptions: {
+                title: "Notifications",
+                options: [
+                    {
+                        title: "Participating and @mentions",
+                        text: "Only receive notifications from this repository when participating or @mentioned.",
+                        value: "participating",
+                    },
+                    {
+                        title: "All Activity",
+                        text: "Notified of all notifications on this repository.",
+                        value: "all",
+                        isSelected: true,
+                    },
+                    {
+                        title: "Ignore",
+                        text: "Never be notified.",
+                        value: "ignore",
+                    },
+                ],
             },
-            {
-                textButton: searchAdditionalButtonsEnum.UnWatch,
-                counter: 1,
-                iconSvgPath:
-                    "M1.679 7.932c.412-.621 1.242-1.75 2.366-2.717C5.175 4.242 6.527 3.5 8 3.5c1.473 0 2.824.742 3.955 1.715 1.124.967 1.954 2.096 2.366 2.717a.119.119 0 010 .136c-.412.621-1.242 1.75-2.366 2.717C10.825 11.758 9.473 12.5 8 12.5c-1.473 0-2.824-.742-3.955-1.715C2.92 9.818 2.09 8.69 1.679 8.068a.119.119 0 010-.136zM8 2c-1.981 0-3.67.992-4.933 2.078C1.797 5.169.88 6.423.43 7.1a1.619 1.619 0 000 1.798c.45.678 1.367 1.932 2.637 3.024C4.329 13.008 6.019 14 8 14c1.981 0 3.67-.992 4.933-2.078 1.27-1.091 2.187-2.345 2.637-3.023a1.619 1.619 0 000-1.798c-.45-.678-1.367-1.932-2.637-3.023C11.671 2.992 9.981 2 8 2zm0 8a2 2 0 100-4 2 2 0 000 4z",
-                svgClass: "octicon octicon-eye mr-2",
-                iconSvgPathClass: "",
-                additionalOptions: {
-                    title: "Notifications",
-                    options: [
-                        {
-                            title: "Participating and @mentions",
-                            text: "Only receive notifications from this repository when participating or @mentioned.",
-                            value: "participating",
-                        },
-                        {
-                            title: "All Activity",
-                            text: "Notified of all notifications on this repository.",
-                            value: "all",
-                            isSelected: true,
-                        },
-                        {
-                            title: "Ignore",
-                            text: "Never be notified.",
-                            value: "ignore",
-                        },
-                    ],
-                },
-            },
-            {
-                textButton: searchAdditionalButtonsEnum.DeriveFrom,
-                counter: 4,
-                iconSvgPath:
-                    "M13,9v2h-2.488c-0.047-0.006-0.131-0.044-0.169-0.069L7.416,8l2.931-2.931C10.384,5.041,10.469,5.006,10.516,5H13v2l3-3 l-3-3v2h-2.5C9.962,3,9.319,3.266,8.941,3.647L6.584,6H0v4h6.584l2.353,2.353C9.319,12.734,9.959,13,10.497,13h2.5v2l3-3L13,9z",
-                svgClass: "octicon octicon-x mr-2",
-                iconSvgPathClass: "",
-            },
-        ];
+        },
+        {
+            textButton: searchAdditionalButtonsEnum.DeriveFrom,
+            counter: 4,
+            iconSvgPath:
+                "M13,9v2h-2.488c-0.047-0.006-0.131-0.044-0.169-0.069L7.416,8l2.931-2.931C10.384,5.041,10.469,5.006,10.516,5H13v2l3-3 l-3-3v2h-2.5C9.962,3,9.319,3.266,8.941,3.647L6.584,6H0v4h6.584l2.353,2.353C9.319,12.734,9.959,13,10.497,13h2.5v2l3-3L13,9z",
+            svgClass: "octicon octicon-x mr-2",
+            iconSvgPathClass: "",
+        },
+    ];
 
     public showOwnerPage(): void {
         this.showOwnerPageEmit.emit();
diff --git a/src/app/dataset-view/dataset-view-header/dataset-view-header.component.spec.ts b/src/app/dataset-view/dataset-view-header/dataset-view-header.component.spec.ts
index 9b7bae441..8ea506c8e 100644
--- a/src/app/dataset-view/dataset-view-header/dataset-view-header.component.spec.ts
+++ b/src/app/dataset-view/dataset-view-header/dataset-view-header.component.spec.ts
@@ -22,12 +22,7 @@ describe("DatasetViewHeaderComponent", () => {
                 SearchAdditionalButtonsComponent,
                 SearchAdditionalButtonsNavComponent,
             ],
-            imports: [
-                MatIconModule,
-                MatMenuModule,
-                AngularSvgIconModule.forRoot(),
-                HttpClientTestingModule,
-            ],
+            imports: [MatIconModule, MatMenuModule, AngularSvgIconModule.forRoot(), HttpClientTestingModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(DatasetViewHeaderComponent);
@@ -43,14 +38,9 @@ describe("DatasetViewHeaderComponent", () => {
 
     it("should check onClickSearchAdditionalButtonEmit is emit", () => {
         const methodName = "test name";
-        const onClickSearchAdditionalButtonEmitSpy = spyOn(
-            component.onClickSearchAdditionalButtonEmit,
-            "emit",
-        );
+        const onClickSearchAdditionalButtonEmitSpy = spyOn(component.onClickSearchAdditionalButtonEmit, "emit");
         component.onClickSearchAdditionalButton(methodName);
-        expect(onClickSearchAdditionalButtonEmitSpy).toHaveBeenCalledWith(
-            methodName,
-        );
+        expect(onClickSearchAdditionalButtonEmitSpy).toHaveBeenCalledWith(methodName);
     });
 
     it("should check showOwnerPageEmit is emit", () => {
@@ -60,10 +50,7 @@ describe("DatasetViewHeaderComponent", () => {
     });
 
     it("should check navigate to dataset", () => {
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         emitClickOnElementByDataTestId(fixture, "show-dataset-link");
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(mockDatasetInfo);
     });
diff --git a/src/app/dataset-view/dataset-view-header/dataset-view-header.html b/src/app/dataset-view/dataset-view-header/dataset-view-header.html
index 467e118e1..934cc9ae8 100644
--- a/src/app/dataset-view/dataset-view-header/dataset-view-header.html
+++ b/src/app/dataset-view/dataset-view-header/dataset-view-header.html
@@ -1,8 +1,6 @@
 <div class="app-content--header">
     <div class="flex-auto min-width-0 width-fit mr-3">
-        <h1
-            class="d-flex flex-wrap flex-items-center wb-break-word f3 text-normal align-items-center"
-        >
+        <h1 class="d-flex flex-wrap flex-items-center wb-break-word f3 text-normal align-items-center">
             <svg-icon name="repository"></svg-icon>
             <span class="author flex-self-stretch" itemprop="author">
                 <a
@@ -16,18 +14,12 @@
             </span>
             <span class="mx-1 flex-self-stretch color-fg-muted">/</span>
             <strong itemprop="name" class="mr-2 flex-self-stretch author">
-                <a
-                    data-pjax="#repo-content-pjax-container"
-                    (click)="showDatasetView()"
-                    data-test-id="show-dataset-link"
+                <a data-pjax="#repo-content-pjax-container" (click)="showDatasetView()" data-test-id="show-dataset-link"
                     >{{ datasetInfo.datasetName }}</a
                 >
             </strong>
 
-            <span></span
-            ><span class="label label--secondary v-align-middle mr-1"
-                >Public</span
-            >
+            <span></span><span class="label label--secondary v-align-middle mr-1">Public</span>
 
             <button
                 type="button"
diff --git a/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.spec.ts b/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.spec.ts
index 08cb92e93..b9c04268b 100644
--- a/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.spec.ts
+++ b/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.spec.ts
@@ -1,19 +1,10 @@
 import AppValues from "src/app/common/app.values";
 import { DatasetNavigationInterface } from "./../dataset-view.interface";
 import { FormsModule } from "@angular/forms";
-import {
-    ComponentFixture,
-    fakeAsync,
-    flush,
-    TestBed,
-    tick,
-} from "@angular/core/testing";
+import { ComponentFixture, fakeAsync, flush, TestBed, tick } from "@angular/core/testing";
 import { MatMenuModule } from "@angular/material/menu";
 import { DatasetViewMenuComponent } from "./dataset-view-menu-component";
-import {
-    emitClickOnElementByDataTestId,
-    findElementByDataTestId,
-} from "src/app/common/base-test.helpers.spec";
+import { emitClickOnElementByDataTestId, findElementByDataTestId } from "src/app/common/base-test.helpers.spec";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { MatButtonToggleModule } from "@angular/material/button-toggle";
 import { AngularSvgIconModule } from "angular-svg-icon";
@@ -82,20 +73,13 @@ describe("DatasetViewMenuComponent", () => {
         const menu = findElementByDataTestId(fixture, "menu");
         expect(menu).toBeDefined();
 
-        const copyToClipboardButton = findElementByDataTestId(
-            fixture,
-            "copyToClipboard",
-        );
+        const copyToClipboardButton = findElementByDataTestId(fixture, "copyToClipboard");
         emitClickOnElementByDataTestId(fixture, "copyToClipboard");
-        expect(
-            copyToClipboardButton.classList.contains("clipboard-btn--success"),
-        ).toEqual(true);
+        expect(copyToClipboardButton.classList.contains("clipboard-btn--success")).toEqual(true);
 
         tick(AppValues.LONG_DELAY_MS);
 
-        expect(
-            copyToClipboardButton.classList.contains("clipboard-btn--success"),
-        ).toEqual(false);
+        expect(copyToClipboardButton.classList.contains("clipboard-btn--success")).toEqual(false);
 
         flush();
     }));
diff --git a/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.ts b/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.ts
index ab93c3104..29d43d6c2 100644
--- a/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.ts
+++ b/src/app/dataset-view/dataset-view-menu/dataset-view-menu-component.ts
@@ -1,17 +1,6 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    ElementRef,
-    HostListener,
-    Input,
-    OnInit,
-    ViewChild,
-} from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Input, OnInit, ViewChild } from "@angular/core";
 import { MatSidenav } from "@angular/material/sidenav";
-import {
-    DatasetNavigationInterface,
-    DatasetViewTypeEnum,
-} from "../dataset-view.interface";
+import { DatasetNavigationInterface, DatasetViewTypeEnum } from "../dataset-view.interface";
 import { Clipboard } from "@angular/cdk/clipboard";
 import AppValues from "../../common/app.values";
 import { SideNavHelper } from "../../common/sidenav.helper";
@@ -59,8 +48,7 @@ export class DatasetViewMenuComponent implements OnInit {
         this.clipboard.copy(text);
 
         if (event.currentTarget !== null) {
-            const currentElement: HTMLButtonElement =
-                event.currentTarget as HTMLButtonElement;
+            const currentElement: HTMLButtonElement = event.currentTarget as HTMLButtonElement;
             const currentElementChildren: HTMLCollectionOf<HTMLElement> =
                 currentElement.children as HTMLCollectionOf<HTMLElement>;
             setTimeout(() => {
diff --git a/src/app/dataset-view/dataset-view-menu/dataset-view-menu.html b/src/app/dataset-view/dataset-view-menu/dataset-view-menu.html
index 3ed7ebf29..0179766d1 100644
--- a/src/app/dataset-view/dataset-view-menu/dataset-view-menu.html
+++ b/src/app/dataset-view/dataset-view-menu/dataset-view-menu.html
@@ -7,11 +7,7 @@
                 "
 >
     <div class="datasetViewTypeToggleGroup">
-        <mat-button-toggle-group
-            name="datasetViewType"
-            aria-label="Dataset View Type"
-            [value]="datasetViewType"
-        >
+        <mat-button-toggle-group name="datasetViewType" aria-label="Dataset View Type" [value]="datasetViewType">
             <mat-button-toggle
                 data-test-id="navigateToOverview"
                 value="overview"
@@ -78,14 +74,8 @@
                     <mat-icon>arrow_drop_down</mat-icon>
                 </button>
 
-                <mat-menu
-                    #menu2="matMenu"
-                    [hasBackdrop]="false"
-                    data-test-id="menu"
-                >
-                    <div
-                        class="SelectMenu-modal notifications-component-menu-modal"
-                    >
+                <mat-menu #menu2="matMenu" [hasBackdrop]="false" data-test-id="menu">
+                    <div class="SelectMenu-modal notifications-component-menu-modal">
                         <header class="SelectMenu-header">
                             <div class="SelectMenu-title text-bold">
                                 <svg-icon name="terminal"></svg-icon>
@@ -156,25 +146,11 @@
                                                         tabindex="0"
                                                         role="button"
                                                     >
-                                                        <div
-                                                            style="
-                                                                position: relative;
-                                                                display: inline-block;
-                                                            "
-                                                        >
-                                                            <svg-icon
-                                                                name="copy"
-                                                            ></svg-icon>
+                                                        <div style="position: relative; display: inline-block">
+                                                            <svg-icon name="copy"></svg-icon>
                                                         </div>
-                                                        <div
-                                                            style="
-                                                                position: relative;
-                                                                display: none;
-                                                            "
-                                                        >
-                                                            <svg-icon
-                                                                name="checked"
-                                                            ></svg-icon>
+                                                        <div style="position: relative; display: none">
+                                                            <svg-icon name="checked"></svg-icon>
                                                         </div>
                                                     </button>
                                                 </div>
@@ -229,43 +205,23 @@
                                                         tabindex="0"
                                                         role="button"
                                                     >
-                                                        <div
-                                                            style="
-                                                                position: relative;
-                                                                display: inline-block;
-                                                            "
-                                                        >
-                                                            <svg-icon
-                                                                name="copy"
-                                                            ></svg-icon>
+                                                        <div style="position: relative; display: inline-block">
+                                                            <svg-icon name="copy"></svg-icon>
                                                         </div>
-                                                        <div
-                                                            style="
-                                                                position: relative;
-                                                                display: none;
-                                                            "
-                                                        >
-                                                            <svg-icon
-                                                                name="checked"
-                                                            ></svg-icon>
+                                                        <div style="position: relative; display: none">
+                                                            <svg-icon name="checked"></svg-icon>
                                                         </div>
                                                     </button>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
-                                    <button class="SelectMenu-item">
-                                        As Parquet
-                                    </button>
-                                    <button class="SelectMenu-item">
-                                        As CSV
-                                    </button>
+                                    <button class="SelectMenu-item">As Parquet</button>
+                                    <button class="SelectMenu-item">As CSV</button>
                                 </mat-tab>
                                 <mat-tab label="Cite">
                                     <button class="SelectMenu-item">DOI</button>
-                                    <button class="SelectMenu-item">
-                                        Bibtech
-                                    </button>
+                                    <button class="SelectMenu-item">Bibtech</button>
                                 </mat-tab>
                             </mat-tab-group>
                         </div>
diff --git a/src/app/dataset-view/dataset.component.html b/src/app/dataset-view/dataset.component.html
index 45e1946e1..671562a5a 100644
--- a/src/app/dataset-view/dataset.component.html
+++ b/src/app/dataset-view/dataset.component.html
@@ -1,18 +1,9 @@
-<div
-    class="app-main-container"
-    role="main"
-    data-test-id="dataset-view"
-    id="dataset-view"
->
+<div class="app-main-container" role="main" data-test-id="dataset-view" id="dataset-view">
     <div class="app-content">
         <app-dataset-view-header
             [datasetInfo]="getDatasetInfoFromUrl()"
-            (showOwnerPageEmit)="
-                showOwnerPage(getDatasetInfoFromUrl().accountName)
-            "
-            (onClickSearchAdditionalButtonEmit)="
-                onClickSearchAdditionalButton($event)
-            "
+            (showOwnerPageEmit)="showOwnerPage(getDatasetInfoFromUrl().accountName)"
+            (onClickSearchAdditionalButtonEmit)="onClickSearchAdditionalButton($event)"
         ></app-dataset-view-header>
     </div>
 
@@ -29,17 +20,11 @@
             ></app-dataset-view-menu>
 
             <ng-template [ngIf]="isDatasetViewTypeOverview">
-                <app-overview
-                    [datasetBasics]="datasetBasics"
-                    (selectTopicEmit)="selectTopic($event)"
-                ></app-overview>
+                <app-overview [datasetBasics]="datasetBasics" (selectTopicEmit)="selectTopic($event)"></app-overview>
             </ng-template>
 
             <ng-template [ngIf]="isDatasetViewTypeData && datasetBasics">
-                <app-data
-                    [datasetBasics]="datasetBasics"
-                    (runSQLRequestEmit)="onRunSQLRequest($event)"
-                ></app-data>
+                <app-data [datasetBasics]="datasetBasics" (runSQLRequestEmit)="onRunSQLRequest($event)"></app-data>
             </ng-template>
 
             <ng-template [ngIf]="isDatasetViewTypeHistory">
diff --git a/src/app/dataset-view/dataset.component.spec.ts b/src/app/dataset-view/dataset.component.spec.ts
index 57f2dffc9..54e2b6c06 100644
--- a/src/app/dataset-view/dataset.component.spec.ts
+++ b/src/app/dataset-view/dataset.component.spec.ts
@@ -1,8 +1,4 @@
-import {
-    mockDatasetBasicsFragment,
-    mockDatasetInfo,
-    mockNode,
-} from "./../search/mock.data";
+import { mockDatasetBasicsFragment, mockDatasetInfo, mockNode } from "./../search/mock.data";
 import { DatasetService } from "./dataset.service";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { ActivatedRoute, NavigationEnd, Router } from "@angular/router";
@@ -14,10 +10,7 @@ import { DatasetComponent } from "./dataset.component";
 import { NavigationService } from "../services/navigation.service";
 import { DatasetViewTypeEnum } from "./dataset-view.interface";
 import { of } from "rxjs";
-import {
-    routerMock,
-    routerMockEventSubject,
-} from "../common/base-test.helpers.spec";
+import { routerMock, routerMockEventSubject } from "../common/base-test.helpers.spec";
 import AppValues from "../common/app.values";
 import { OverviewComponent } from "./additional-components/overview-component/overview-component";
 import { DatasetViewMenuComponent } from "./dataset-view-menu/dataset-view-menu-component";
@@ -141,45 +134,28 @@ describe("DatasetComponent", () => {
     });
 
     it("should check call getMainDataByLineageNode", () => {
-        const getMainDataByLineageNodeSpy = spyOn(
-            component,
-            "getMainDataByLineageNode",
-        );
+        const getMainDataByLineageNodeSpy = spyOn(component, "getMainDataByLineageNode");
         routerMockEventSubject.next(new NavigationEnd(1, "", "redirectUrl"));
         expect(getMainDataByLineageNodeSpy).toHaveBeenCalledTimes(1);
     });
 
     it("should check run SQL request", () => {
         const sqlQuery = "select * from test.table";
-        const requestDatasetDataSqlRunSpy = spyOn(
-            appDatasetService,
-            "requestDatasetDataSqlRun",
-        ).and.returnValue(of());
+        const requestDatasetDataSqlRunSpy = spyOn(appDatasetService, "requestDatasetDataSqlRun").and.returnValue(of());
         component.onRunSQLRequest(sqlQuery);
-        expect(requestDatasetDataSqlRunSpy).toHaveBeenCalledWith(
-            sqlQuery,
-            AppValues.SQL_QUERY_LIMIT,
-        );
+        expect(requestDatasetDataSqlRunSpy).toHaveBeenCalledWith(sqlQuery, AppValues.SQL_QUERY_LIMIT);
     });
 
     it("should check page changed", () => {
         const testPageNumber = 2;
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         component.onPageChange(testPageNumber);
-        expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(
-            jasmine.objectContaining({ page: testPageNumber }),
-        );
+        expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(jasmine.objectContaining({ page: testPageNumber }));
     });
 
     it("should check #selectDataset with dataset name()", () => {
         const testDatasetName = "alberta.tcc";
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         component.onSelectDataset(testDatasetName);
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(
             jasmine.objectContaining({ datasetName: testDatasetName }),
@@ -187,10 +163,7 @@ describe("DatasetComponent", () => {
     });
 
     it("should check #selectDataset without dataset name()", () => {
-        const navigateToDatasetViewSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const navigateToDatasetViewSpy = spyOn(navigationService, "navigateToDatasetView");
         component.onSelectDataset();
         expect(navigateToDatasetViewSpy).toHaveBeenCalledWith(
             jasmine.objectContaining({
@@ -208,16 +181,11 @@ describe("DatasetComponent", () => {
     it("should check click on metadata node ", () => {
         const selectDatasetSpy = spyOn(component, "onSelectDataset");
         component.onClickMetadataNode(mockDatasetBasicsFragment);
-        expect(selectDatasetSpy).toHaveBeenCalledWith(
-            mockDatasetBasicsFragment.name as string,
-        );
+        expect(selectDatasetSpy).toHaveBeenCalledWith(mockDatasetBasicsFragment.name as string);
     });
 
     it("should check navigate to overview tab", () => {
-        const selectDatasetSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const selectDatasetSpy = spyOn(navigationService, "navigateToDatasetView");
         component.getDatasetNavigation(mockDatasetInfo).navigateToOverview();
         expect(selectDatasetSpy).toHaveBeenCalledWith({
             datasetName: mockDatasetInfo.datasetName,
@@ -226,66 +194,38 @@ describe("DatasetComponent", () => {
     });
 
     it("should check navigate to data tab", () => {
-        const selectDatasetSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const selectDatasetSpy = spyOn(navigationService, "navigateToDatasetView");
         component.getDatasetNavigation(mockDatasetInfo).navigateToData();
-        expect(selectDatasetSpy).toHaveBeenCalledWith(
-            jasmine.objectContaining({ tab: DatasetViewTypeEnum.Data }),
-        );
+        expect(selectDatasetSpy).toHaveBeenCalledWith(jasmine.objectContaining({ tab: DatasetViewTypeEnum.Data }));
     });
 
     it("should check navigate to metadata tab", () => {
-        const selectDatasetSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const selectDatasetSpy = spyOn(navigationService, "navigateToDatasetView");
         component.getDatasetNavigation(mockDatasetInfo).navigateToMetadata(1);
-        expect(selectDatasetSpy).toHaveBeenCalledWith(
-            jasmine.objectContaining({ tab: DatasetViewTypeEnum.Metadata }),
-        );
+        expect(selectDatasetSpy).toHaveBeenCalledWith(jasmine.objectContaining({ tab: DatasetViewTypeEnum.Metadata }));
     });
 
     it("should check navigate to history tab", () => {
-        const selectDatasetSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const selectDatasetSpy = spyOn(navigationService, "navigateToDatasetView");
         component.getDatasetNavigation(mockDatasetInfo).navigateToHistory(1);
-        expect(selectDatasetSpy).toHaveBeenCalledWith(
-            jasmine.objectContaining({ tab: DatasetViewTypeEnum.History }),
-        );
+        expect(selectDatasetSpy).toHaveBeenCalledWith(jasmine.objectContaining({ tab: DatasetViewTypeEnum.History }));
     });
 
     it("should check navigate to lineage tab", () => {
-        const selectDatasetSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const selectDatasetSpy = spyOn(navigationService, "navigateToDatasetView");
         component.getDatasetNavigation(mockDatasetInfo).navigateToLineage();
-        expect(selectDatasetSpy).toHaveBeenCalledWith(
-            jasmine.objectContaining({ tab: DatasetViewTypeEnum.Lineage }),
-        );
+        expect(selectDatasetSpy).toHaveBeenCalledWith(jasmine.objectContaining({ tab: DatasetViewTypeEnum.Lineage }));
     });
 
     it("should check navigate to discussions tab", () => {
-        const selectDatasetSpy = spyOn(
-            navigationService,
-            "navigateToDatasetView",
-        );
+        const selectDatasetSpy = spyOn(navigationService, "navigateToDatasetView");
         component.getDatasetNavigation(mockDatasetInfo).navigateToDiscussions();
         expect(selectDatasetSpy).not.toHaveBeenCalled(); // TODO: implement discussions
     });
 
     it("should check navigate to owner view", () => {
-        const navigateToOwnerViewSpy = spyOn(
-            navigationService,
-            "navigateToOwnerView",
-        );
+        const navigateToOwnerViewSpy = spyOn(navigationService, "navigateToOwnerView");
         component.showOwnerPage(mockDatasetBasicsFragment.owner.name);
-        expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(
-            mockDatasetBasicsFragment.owner.name,
-        );
+        expect(navigateToOwnerViewSpy).toHaveBeenCalledWith(mockDatasetBasicsFragment.owner.name);
     });
 });
diff --git a/src/app/dataset-view/dataset.component.ts b/src/app/dataset-view/dataset.component.ts
index 18d3534af..6f4003fd0 100644
--- a/src/app/dataset-view/dataset.component.ts
+++ b/src/app/dataset-view/dataset.component.ts
@@ -26,10 +26,7 @@ import { BaseProcessingComponent } from "../common/base.processing.component";
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DatasetComponent
-    extends BaseProcessingComponent
-    implements OnInit, OnDestroy
-{
+export class DatasetComponent extends BaseProcessingComponent implements OnInit, OnDestroy {
     public datasetBasics?: DatasetBasicsFragment;
     public isMinimizeSearchAdditionalButtons = false;
     public datasetViewType: DatasetViewTypeEnum = DatasetViewTypeEnum.Overview;
@@ -41,11 +38,7 @@ export class DatasetComponent
         this.changeLineageGraphView();
     }
 
-    constructor(
-        private appDatasetService: DatasetService,
-        private router: Router,
-        private cdr: ChangeDetectorRef,
-    ) {
+    constructor(private appDatasetService: DatasetService, private router: Router, private cdr: ChangeDetectorRef) {
         super();
     }
 
@@ -58,35 +51,20 @@ export class DatasetComponent
                     tap(() => this.getMainDataByLineageNode()),
                 )
                 .subscribe(() => {
-                    this.initDatasetViewByType(
-                        this.getDatasetInfoFromUrl(),
-                        this.getCurrentPageFromUrl(),
-                    );
+                    this.initDatasetViewByType(this.getDatasetInfoFromUrl(), this.getCurrentPageFromUrl());
                 }),
-            this.appDatasetService
-                .requestDatasetMainData(this.getDatasetInfoFromUrl())
-                .subscribe(),
-            this.appDatasetService.onDatasetChanges.subscribe(
-                (basics: DatasetBasicsFragment) => {
-                    this.datasetBasics = basics;
-                    this.cdr.markForCheck();
-                },
-            ),
-        );
-        this.initDatasetViewByType(
-            this.getDatasetInfoFromUrl(),
-            this.getCurrentPageFromUrl(),
+            this.appDatasetService.requestDatasetMainData(this.getDatasetInfoFromUrl()).subscribe(),
+            this.appDatasetService.onDatasetChanges.subscribe((basics: DatasetBasicsFragment) => {
+                this.datasetBasics = basics;
+                this.cdr.markForCheck();
+            }),
         );
+        this.initDatasetViewByType(this.getDatasetInfoFromUrl(), this.getCurrentPageFromUrl());
     }
 
     public getMainDataByLineageNode(): void {
-        if (
-            this.datasetBasics?.name !==
-            this.getDatasetInfoFromUrl().datasetName
-        ) {
-            this.appDatasetService
-                .requestDatasetMainData(this.getDatasetInfoFromUrl())
-                .subscribe();
+        if (this.datasetBasics?.name !== this.getDatasetInfoFromUrl().datasetName) {
+            this.appDatasetService.requestDatasetMainData(this.getDatasetInfoFromUrl()).subscribe();
         }
     }
 
@@ -96,9 +74,7 @@ export class DatasetComponent
                 const searchResultContainer: HTMLElement | null =
                     document.getElementById("searchResultContainerContent");
                 if (searchResultContainer) {
-                    const styleElement: CSSStyleDeclaration = getComputedStyle(
-                        searchResultContainer,
-                    );
+                    const styleElement: CSSStyleDeclaration = getComputedStyle(searchResultContainer);
                     this.lineageGraphView[0] =
                         searchResultContainer.offsetWidth -
                         parseInt(styleElement.paddingLeft, 10) -
@@ -139,14 +115,9 @@ export class DatasetComponent
         this.datasetViewType = DatasetViewTypeEnum.Metadata;
     }
 
-    private initHistoryTab(
-        datasetInfo: DatasetInfo,
-        currentPage: number,
-    ): void {
+    private initHistoryTab(datasetInfo: DatasetInfo, currentPage: number): void {
         this.datasetViewType = DatasetViewTypeEnum.History;
-        this.appDatasetService
-            .requestDatasetHistory(datasetInfo, 20, currentPage - 1)
-            .subscribe();
+        this.appDatasetService.requestDatasetHistory(datasetInfo, 20, currentPage - 1).subscribe();
     }
 
     private initLineageTab(): void {
@@ -200,16 +171,12 @@ export class DatasetComponent
         return this.datasetViewType === DatasetViewTypeEnum.Discussions;
     }
 
-    private initDatasetViewByType(
-        datasetInfo: DatasetInfo,
-        currentPage: number,
-    ): void {
+    private initDatasetViewByType(datasetInfo: DatasetInfo, currentPage: number): void {
         const mapperTabs: { [key in DatasetViewTypeEnum]: () => void } = {
             [DatasetViewTypeEnum.Overview]: () => this.initOverviewTab(),
             [DatasetViewTypeEnum.Data]: () => this.initDataTab(),
             [DatasetViewTypeEnum.Metadata]: () => this.initMetadataTab(),
-            [DatasetViewTypeEnum.History]: () =>
-                this.initHistoryTab(datasetInfo, currentPage),
+            [DatasetViewTypeEnum.History]: () => this.initHistoryTab(datasetInfo, currentPage),
             [DatasetViewTypeEnum.Lineage]: () => this.initLineageTab(),
             [DatasetViewTypeEnum.Discussions]: () => this.initDiscussionsTab(),
         };
@@ -219,18 +186,14 @@ export class DatasetComponent
     }
 
     private getCurrentPageFromUrl(): number {
-        const page: string | null =
-            this.activatedRoute.snapshot.queryParamMap.get(
-                ProjectLinks.URL_QUERY_PARAM_PAGE,
-            );
+        const page: string | null = this.activatedRoute.snapshot.queryParamMap.get(ProjectLinks.URL_QUERY_PARAM_PAGE);
         return page ? Number(page) : 1;
     }
 
     private getDatasetViewTypeFromUrl(): DatasetViewTypeEnum {
-        const tabValue: string | null =
-            this.activatedRoute.snapshot.queryParamMap.get(
-                ProjectLinks.URL_QUERY_PARAM_TAB,
-            );
+        const tabValue: string | null = this.activatedRoute.snapshot.queryParamMap.get(
+            ProjectLinks.URL_QUERY_PARAM_TAB,
+        );
         if (tabValue) {
             const tab = tabValue as DatasetViewTypeEnum;
             if (Object.values(DatasetViewTypeEnum).includes(tab)) {
@@ -246,9 +209,7 @@ export class DatasetComponent
         if (this.datasetBasics) {
             this.navigationService.navigateToDatasetView({
                 accountName: this.datasetBasics.owner.name,
-                datasetName: datasetName
-                    ? datasetName
-                    : (this.datasetBasics.name as string),
+                datasetName: datasetName ? datasetName : (this.datasetBasics.name as string),
                 tab: DatasetViewTypeEnum.Lineage,
             });
         }
diff --git a/src/app/dataset-view/dataset.module.ts b/src/app/dataset-view/dataset.module.ts
index 09cf4f891..6536f47a4 100644
--- a/src/app/dataset-view/dataset.module.ts
+++ b/src/app/dataset-view/dataset.module.ts
@@ -47,10 +47,7 @@ import { PrepareStepComponent } from "./additional-components/metadata-component
 import { PreprocessStepComponent } from "./additional-components/metadata-component/components/add-polling-source/steps/preprocess-step/preprocess-step.component";
 import { PollingSourceFormComponentsModule } from "./additional-components/metadata-component/components/form-components/polling-source-form-components.module";
 import { EditWatermarkModalComponent } from "./additional-components/overview-component/components/edit-watermark-modal/edit-watermark-modal.component";
-import {
-    OwlDateTimeModule,
-    OwlNativeDateTimeModule,
-} from "@danielmoncada/angular-datetime-picker";
+import { OwlDateTimeModule, OwlNativeDateTimeModule } from "@danielmoncada/angular-datetime-picker";
 import { OwlMomentDateTimeModule } from "@danielmoncada/angular-datetime-picker-moment-adapter";
 import { SetTransformComponent } from "./additional-components/metadata-component/components/set-transform/set-transform.component";
 import { MatTreeModule } from "@angular/material/tree";
diff --git a/src/app/dataset-view/dataset.service.spec.ts b/src/app/dataset-view/dataset.service.spec.ts
index 70b8f5d2f..fcd1d3f46 100644
--- a/src/app/dataset-view/dataset.service.spec.ts
+++ b/src/app/dataset-view/dataset.service.spec.ts
@@ -25,11 +25,7 @@ import {
 } from "../api/kamu.graphql.interface";
 import { of, throwError } from "rxjs";
 import { DatasetNotFoundError, SqlExecutionError } from "../common/errors";
-import {
-    DatasetHistoryUpdate,
-    DataSqlErrorUpdate,
-    OverviewDataUpdate,
-} from "./dataset.subscriptions.interface";
+import { DatasetHistoryUpdate, DataSqlErrorUpdate, OverviewDataUpdate } from "./dataset.subscriptions.interface";
 import { first } from "rxjs/operators";
 import _ from "lodash";
 
@@ -40,18 +36,8 @@ describe("AppDatasetService", () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [
-                ApolloModule,
-                ApolloTestingModule,
-                HttpClientTestingModule,
-            ],
-            providers: [
-                DatasetApi,
-                ModalService,
-                DatasetService,
-                AppDatasetSubscriptionsService,
-                Apollo,
-            ],
+            imports: [ApolloModule, ApolloTestingModule, HttpClientTestingModule],
+            providers: [DatasetApi, ModalService, DatasetService, AppDatasetSubscriptionsService, Apollo],
         });
         service = TestBed.inject(DatasetService);
         datasetApi = TestBed.inject(DatasetApi);
@@ -63,53 +49,40 @@ describe("AppDatasetService", () => {
     });
 
     it("should check get main data from api", () => {
-        spyOn(datasetApi, "getDatasetMainData").and.returnValue(
-            of(mockDatasetMainDataResponse),
-        );
+        spyOn(datasetApi, "getDatasetMainData").and.returnValue(of(mockDatasetMainDataResponse));
 
         const datasetChangesSubscription$ = service.onDatasetChanges
             .pipe(first())
             .subscribe((dataset: DatasetBasicsFragment) => {
-                const expectedDatasetBasics = mockDatasetMainDataResponse
-                    .datasets.byOwnerAndName as DatasetBasicsFragment;
+                const expectedDatasetBasics = mockDatasetMainDataResponse.datasets
+                    .byOwnerAndName as DatasetBasicsFragment;
                 expect(dataset).toBe(expectedDatasetBasics);
             });
 
-        const datasetOverviewSubscription$ =
-            appDatasetSubsService.onDatasetOverviewDataChanges
-                .pipe(first())
-                .subscribe((overviewDataUpdate: OverviewDataUpdate) => {
-                    const expectedOverview = mockDatasetMainDataResponse
-                        .datasets.byOwnerAndName as DatasetOverviewFragment;
-                    expect(overviewDataUpdate.overview).toEqual(
-                        expectedOverview,
-                    );
-
-                    const expectedSize = mockDatasetMainDataResponse.datasets
-                        .byOwnerAndName?.data as DatasetDataSizeFragment;
-                    expect(overviewDataUpdate.size).toEqual(expectedSize);
-                });
+        const datasetOverviewSubscription$ = appDatasetSubsService.onDatasetOverviewDataChanges
+            .pipe(first())
+            .subscribe((overviewDataUpdate: OverviewDataUpdate) => {
+                const expectedOverview = mockDatasetMainDataResponse.datasets.byOwnerAndName as DatasetOverviewFragment;
+                expect(overviewDataUpdate.overview).toEqual(expectedOverview);
 
-        const datasetDataSubscription$ =
-            appDatasetSubsService.onDatasetDataChanges
-                .pipe(first())
-                .subscribe(() => {
-                    /* Intentionally blank */
-                });
+                const expectedSize = mockDatasetMainDataResponse.datasets.byOwnerAndName
+                    ?.data as DatasetDataSizeFragment;
+                expect(overviewDataUpdate.size).toEqual(expectedSize);
+            });
 
-        const metadataSchemaSubscription$ =
-            appDatasetSubsService.onMetadataSchemaChanges
-                .pipe(first())
-                .subscribe(() => {
-                    /* Intentionally blank */
-                });
+        const datasetDataSubscription$ = appDatasetSubsService.onDatasetDataChanges.pipe(first()).subscribe(() => {
+            /* Intentionally blank */
+        });
 
-        const lineageDataSubscription$ =
-            appDatasetSubsService.onLineageDataChanges
-                .pipe(first())
-                .subscribe(() => {
-                    /* Intentionally blank */
-                });
+        const metadataSchemaSubscription$ = appDatasetSubsService.onMetadataSchemaChanges
+            .pipe(first())
+            .subscribe(() => {
+                /* Intentionally blank */
+            });
+
+        const lineageDataSubscription$ = appDatasetSubsService.onLineageDataChanges.pipe(first()).subscribe(() => {
+            /* Intentionally blank */
+        });
 
         service.requestDatasetMainData(mockDatasetInfo).subscribe();
 
@@ -121,25 +94,13 @@ describe("AppDatasetService", () => {
     });
 
     it("should check get main data from api when dataset not found", () => {
-        spyOn(datasetApi, "getDatasetMainData").and.returnValue(
-            of(mockDatasetResponseNotFound),
-        );
-
-        service.onDatasetChanges.subscribe(() =>
-            fail("Unexpected onDatasetChanges update"),
-        );
-        appDatasetSubsService.onDatasetOverviewDataChanges.subscribe(() =>
-            fail("Unexpected overview update"),
-        );
-        appDatasetSubsService.onDatasetDataChanges.subscribe(() =>
-            fail("Unexpected data update"),
-        );
-        appDatasetSubsService.onMetadataSchemaChanges.subscribe(() =>
-            fail("Unexpected metadata update"),
-        );
-        appDatasetSubsService.onLineageDataChanges.subscribe(() =>
-            fail("Unexpected lineage update"),
-        );
+        spyOn(datasetApi, "getDatasetMainData").and.returnValue(of(mockDatasetResponseNotFound));
+
+        service.onDatasetChanges.subscribe(() => fail("Unexpected onDatasetChanges update"));
+        appDatasetSubsService.onDatasetOverviewDataChanges.subscribe(() => fail("Unexpected overview update"));
+        appDatasetSubsService.onDatasetDataChanges.subscribe(() => fail("Unexpected data update"));
+        appDatasetSubsService.onMetadataSchemaChanges.subscribe(() => fail("Unexpected metadata update"));
+        appDatasetSubsService.onLineageDataChanges.subscribe(() => fail("Unexpected lineage update"));
 
         const subscription$ = service
             .requestDatasetMainData(mockDatasetInfo)
@@ -165,25 +126,13 @@ describe("AppDatasetService", () => {
                 errorKind: DataQueryResultErrorKind.InternalError,
             };
         }
-        spyOn(datasetApi, "getDatasetMainData").and.returnValue(
-            of(sqlFailureResponse),
-        );
-
-        service.onDatasetChanges.subscribe(() =>
-            fail("Unexpected onDatasetChanges update"),
-        );
-        appDatasetSubsService.onDatasetOverviewDataChanges.subscribe(() =>
-            fail("Unexpected overview update"),
-        );
-        appDatasetSubsService.onDatasetDataChanges.subscribe(() =>
-            fail("Unexpected data update"),
-        );
-        appDatasetSubsService.onMetadataSchemaChanges.subscribe(() =>
-            fail("Unexpected metadata update"),
-        );
-        appDatasetSubsService.onLineageDataChanges.subscribe(() =>
-            fail("Unexpected lineage update"),
-        );
+        spyOn(datasetApi, "getDatasetMainData").and.returnValue(of(sqlFailureResponse));
+
+        service.onDatasetChanges.subscribe(() => fail("Unexpected onDatasetChanges update"));
+        appDatasetSubsService.onDatasetOverviewDataChanges.subscribe(() => fail("Unexpected overview update"));
+        appDatasetSubsService.onDatasetDataChanges.subscribe(() => fail("Unexpected data update"));
+        appDatasetSubsService.onMetadataSchemaChanges.subscribe(() => fail("Unexpected metadata update"));
+        appDatasetSubsService.onLineageDataChanges.subscribe(() => fail("Unexpected lineage update"));
 
         const subscription$ = service
             .requestDatasetMainData(mockDatasetInfo)
@@ -193,9 +142,7 @@ describe("AppDatasetService", () => {
                     fail("Unexpected success");
                 },
                 (e: Error) => {
-                    expect(e).toEqual(
-                        new SqlExecutionError(executionFailureMessage),
-                    );
+                    expect(e).toEqual(new SqlExecutionError(executionFailureMessage));
                 },
             );
         expect(subscription$.closed).toBeTrue();
@@ -204,15 +151,12 @@ describe("AppDatasetService", () => {
     it("should check get history data from api", () => {
         const numRecords = 7;
         const numPage = 1;
-        spyOn(datasetApi, "getDatasetHistory").and.returnValue(
-            of(mockDatasetHistoryResponse),
-        );
+        spyOn(datasetApi, "getDatasetHistory").and.returnValue(of(mockDatasetHistoryResponse));
 
         const subscription$ = appDatasetSubsService.onDatasetHistoryChanges
             .pipe(first())
             .subscribe((historyUpdate: DatasetHistoryUpdate) => {
-                const expectedNodes = mockDatasetHistoryResponse.datasets
-                    .byOwnerAndName?.metadata.chain.blocks
+                const expectedNodes = mockDatasetHistoryResponse.datasets.byOwnerAndName?.metadata.chain.blocks
                     .nodes as MetadataBlockFragment[];
                 expect(historyUpdate.history).toBe(expectedNodes);
                 expect(historyUpdate.pageInfo).toEqual({
@@ -224,9 +168,7 @@ describe("AppDatasetService", () => {
                 });
             });
 
-        service
-            .requestDatasetHistory(mockDatasetInfo, numRecords, numPage)
-            .subscribe();
+        service.requestDatasetHistory(mockDatasetInfo, numRecords, numPage).subscribe();
 
         expect(subscription$.closed).toBeTrue();
     });
@@ -234,13 +176,9 @@ describe("AppDatasetService", () => {
     it("should check get history data from api when dataset not found", () => {
         const numRecords = 7;
         const numPage = 1;
-        spyOn(datasetApi, "getDatasetHistory").and.returnValue(
-            of(mockDatasetResponseNotFound),
-        );
+        spyOn(datasetApi, "getDatasetHistory").and.returnValue(of(mockDatasetResponseNotFound));
 
-        appDatasetSubsService.onDatasetHistoryChanges.subscribe(() =>
-            fail("Unexpected history update"),
-        );
+        appDatasetSubsService.onDatasetHistoryChanges.subscribe(() => fail("Unexpected history update"));
 
         const subscription$ = service
             .requestDatasetHistory(mockDatasetInfo, numRecords, numPage)
@@ -259,23 +197,17 @@ describe("AppDatasetService", () => {
     it("should check get SQL query data from api", () => {
         const query = "select\n  *\nfrom testTable";
         const limit = 20;
-        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(
-            of(mockDatasetDataSqlRunResponse),
-        );
-
-        const subscriptionDataChanges$ =
-            appDatasetSubsService.onDatasetDataChanges
-                .pipe(first())
-                .subscribe(() => {
-                    /* Intentionally blank */
-                });
+        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(of(mockDatasetDataSqlRunResponse));
 
-        const subscriptionErrorChanges$ =
-            appDatasetSubsService.onDatasetDataSqlErrorOccured
-                .pipe(first())
-                .subscribe(() => {
-                    /* Intentionally blank */
-                });
+        const subscriptionDataChanges$ = appDatasetSubsService.onDatasetDataChanges.pipe(first()).subscribe(() => {
+            /* Intentionally blank */
+        });
+
+        const subscriptionErrorChanges$ = appDatasetSubsService.onDatasetDataSqlErrorOccured
+            .pipe(first())
+            .subscribe(() => {
+                /* Intentionally blank */
+            });
 
         service.requestDatasetDataSqlRun(query, limit).subscribe();
 
@@ -286,25 +218,18 @@ describe("AppDatasetService", () => {
     it("should check get SQL query data from api with invalid SQL", () => {
         const query = "invalid sql query";
         const limit = 20;
-        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(
-            of(mockDatasetDataSqlRunInvalidSqlResponse),
-        );
-
-        const subscriptionDataChanges$ =
-            appDatasetSubsService.onDatasetDataChanges
-                .pipe(first())
-                .subscribe(() => {
-                    /* Intentionally blank */
-                });
+        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(of(mockDatasetDataSqlRunInvalidSqlResponse));
 
-        const subscriptionErrorChanges$ =
-            appDatasetSubsService.onDatasetDataSqlErrorOccured
-                .pipe(first())
-                .subscribe((update: DataSqlErrorUpdate) => {
-                    const errorResult = mockDatasetDataSqlRunInvalidSqlResponse
-                        .data.query as DataQueryResultError;
-                    expect(update.error).toEqual(errorResult.errorMessage);
-                });
+        const subscriptionDataChanges$ = appDatasetSubsService.onDatasetDataChanges.pipe(first()).subscribe(() => {
+            /* Intentionally blank */
+        });
+
+        const subscriptionErrorChanges$ = appDatasetSubsService.onDatasetDataSqlErrorOccured
+            .pipe(first())
+            .subscribe((update: DataSqlErrorUpdate) => {
+                const errorResult = mockDatasetDataSqlRunInvalidSqlResponse.data.query as DataQueryResultError;
+                expect(update.error).toEqual(errorResult.errorMessage);
+            });
 
         service.requestDatasetDataSqlRun(query, limit).subscribe();
 
@@ -315,16 +240,10 @@ describe("AppDatasetService", () => {
     it("should check get SQL query data from api when SQL execution fails softly", () => {
         const query = "select\n  *\nfrom testTable";
         const limit = 20;
-        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(
-            of(mockDatasetDataSqlRunInternalErrorResponse),
-        );
+        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(of(mockDatasetDataSqlRunInternalErrorResponse));
 
-        appDatasetSubsService.onDatasetDataChanges.subscribe(() =>
-            fail("Unexpected data update"),
-        );
-        appDatasetSubsService.onDatasetDataSqlErrorOccured.subscribe(() =>
-            fail("Unexpected SQL error update"),
-        );
+        appDatasetSubsService.onDatasetDataChanges.subscribe(() => fail("Unexpected data update"));
+        appDatasetSubsService.onDatasetDataSqlErrorOccured.subscribe(() => fail("Unexpected SQL error update"));
 
         const subscription$ = service
             .requestDatasetDataSqlRun(query, limit)
@@ -334,12 +253,8 @@ describe("AppDatasetService", () => {
                     fail("Unexpected success");
                 },
                 (e: Error) => {
-                    const errorResult =
-                        mockDatasetDataSqlRunInternalErrorResponse.data
-                            .query as DataQueryResultError;
-                    expect(e).toEqual(
-                        new SqlExecutionError(errorResult.errorMessage),
-                    );
+                    const errorResult = mockDatasetDataSqlRunInternalErrorResponse.data.query as DataQueryResultError;
+                    expect(e).toEqual(new SqlExecutionError(errorResult.errorMessage));
                 },
             );
         expect(subscription$.closed).toBeTrue();
@@ -348,16 +263,10 @@ describe("AppDatasetService", () => {
     it("should check get SQL query data from api when SQL execution fails hardly", () => {
         const query = "select\n  *\nfrom testTable";
         const limit = 20;
-        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(
-            throwError(new SqlExecutionError()),
-        );
-
-        appDatasetSubsService.onDatasetDataChanges.subscribe(() =>
-            fail("Unexpected data update"),
-        );
-        appDatasetSubsService.onDatasetDataSqlErrorOccured.subscribe(() =>
-            fail("Unexpected SQL error update"),
-        );
+        spyOn(datasetApi, "getDatasetDataSqlRun").and.returnValue(throwError(new SqlExecutionError()));
+
+        appDatasetSubsService.onDatasetDataChanges.subscribe(() => fail("Unexpected data update"));
+        appDatasetSubsService.onDatasetDataSqlErrorOccured.subscribe(() => fail("Unexpected SQL error update"));
 
         const subscription$ = service
             .requestDatasetDataSqlRun(query, limit)
diff --git a/src/app/dataset-view/dataset.service.ts b/src/app/dataset-view/dataset.service.ts
index e2b6111ba..01c2adc1b 100644
--- a/src/app/dataset-view/dataset.service.ts
+++ b/src/app/dataset-view/dataset.service.ts
@@ -11,11 +11,7 @@ import {
 import { DatasetInfo } from "./../interface/navigation.interface";
 import { Injectable } from "@angular/core";
 import { Observable, Subject, throwError } from "rxjs";
-import {
-    DataRow,
-    DatasetLineageNode,
-    DatasetSchema,
-} from "../interface/dataset.interface";
+import { DataRow, DatasetLineageNode, DatasetSchema } from "../interface/dataset.interface";
 import {
     DatasetBasicsFragment,
     DatasetDataSizeFragment,
@@ -41,15 +37,11 @@ import { parseCurrentSchema } from "../common/app.helpers";
 
 @Injectable({ providedIn: "root" })
 export class DatasetService {
-    constructor(
-        private datasetApi: DatasetApi,
-        private appDatasetSubsService: AppDatasetSubscriptionsService,
-    ) {}
+    constructor(private datasetApi: DatasetApi, private appDatasetSubsService: AppDatasetSubscriptionsService) {}
 
     private currentSetVocab: SetVocab;
 
-    private datasetChanges$: Subject<DatasetBasicsFragment> =
-        new Subject<DatasetBasicsFragment>();
+    private datasetChanges$: Subject<DatasetBasicsFragment> = new Subject<DatasetBasicsFragment>();
 
     public get onDatasetChanges(): Observable<DatasetBasicsFragment> {
         return this.datasetChanges$.asObservable();
@@ -65,11 +57,9 @@ export class DatasetService {
                 if (data.datasets.byOwnerAndName) {
                     const dataTail = data.datasets.byOwnerAndName.data.tail;
                     if (dataTail.__typename === "DataQueryResultSuccess") {
-                        const schema: MaybeNull<DatasetSchema> =
-                            parseCurrentSchema(
-                                data.datasets.byOwnerAndName.metadata
-                                    .currentSchema,
-                            );
+                        const schema: MaybeNull<DatasetSchema> = parseCurrentSchema(
+                            data.datasets.byOwnerAndName.metadata.currentSchema,
+                        );
                         this.datasetUpdate(data.datasets.byOwnerAndName);
                         this.overviewTabDataUpdate(
                             data.datasets.byOwnerAndName,
@@ -77,18 +67,10 @@ export class DatasetService {
                             schema,
                             dataTail,
                         );
-                        this.currentSetVocab = data.datasets.byOwnerAndName
-                            .metadata.currentVocab as SetVocab;
-                        this.dataTabDataUpdate(
-                            schema,
-                            dataTail,
-                            this.currentSetVocab,
-                        );
+                        this.currentSetVocab = data.datasets.byOwnerAndName.metadata.currentVocab as SetVocab;
+                        this.dataTabDataUpdate(schema, dataTail, this.currentSetVocab);
                         this.metadataTabDataUpdate(data, schema);
-                        this.lineageTabDataUpdate(
-                            data.datasets.byOwnerAndName,
-                            data.datasets.byOwnerAndName,
-                        );
+                        this.lineageTabDataUpdate(data.datasets.byOwnerAndName, data.datasets.byOwnerAndName);
                     } else {
                         throw new SqlExecutionError(dataTail.errorMessage);
                     }
@@ -99,84 +81,60 @@ export class DatasetService {
         );
     }
 
-    public requestDatasetHistory(
-        info: DatasetInfo,
-        numRecords: number,
-        numPage: number,
-    ): Observable<void> {
-        return this.datasetApi
-            .getDatasetHistory({ ...info, numRecords, numPage })
-            .pipe(
-                map((data: GetDatasetHistoryQuery) => {
-                    if (data.datasets.byOwnerAndName) {
-                        const dataset: DatasetBasicsFragment =
-                            data.datasets.byOwnerAndName;
-                        this.datasetChanges(dataset);
-                        const pageInfo: DatasetPageInfoFragment = Object.assign(
-                            {},
-                            data.datasets.byOwnerAndName.metadata.chain.blocks
-                                .pageInfo,
-                            { currentPage: numPage },
-                        );
-                        const historyUpdate: DatasetHistoryUpdate = {
-                            history: data.datasets.byOwnerAndName.metadata.chain
-                                .blocks.nodes as MetadataBlockFragment[],
-                            pageInfo,
-                        };
-                        this.appDatasetSubsService.changeDatasetHistory(
-                            historyUpdate,
-                        );
-                    } else {
-                        throw new DatasetNotFoundError();
-                    }
-                }),
-            );
+    public requestDatasetHistory(info: DatasetInfo, numRecords: number, numPage: number): Observable<void> {
+        return this.datasetApi.getDatasetHistory({ ...info, numRecords, numPage }).pipe(
+            map((data: GetDatasetHistoryQuery) => {
+                if (data.datasets.byOwnerAndName) {
+                    const dataset: DatasetBasicsFragment = data.datasets.byOwnerAndName;
+                    this.datasetChanges(dataset);
+                    const pageInfo: DatasetPageInfoFragment = Object.assign(
+                        {},
+                        data.datasets.byOwnerAndName.metadata.chain.blocks.pageInfo,
+                        { currentPage: numPage },
+                    );
+                    const historyUpdate: DatasetHistoryUpdate = {
+                        history: data.datasets.byOwnerAndName.metadata.chain.blocks.nodes as MetadataBlockFragment[],
+                        pageInfo,
+                    };
+                    this.appDatasetSubsService.changeDatasetHistory(historyUpdate);
+                } else {
+                    throw new DatasetNotFoundError();
+                }
+            }),
+        );
     }
 
-    public getDatasetHistory(
-        info: DatasetInfo,
-        numRecords: number,
-        numPage: number,
-    ): Observable<DatasetHistoryUpdate> {
-        return this.datasetApi
-            .getDatasetHistory({ ...info, numRecords, numPage })
-            .pipe(
-                map((data: GetDatasetHistoryQuery) => {
-                    if (data.datasets.byOwnerAndName) {
-                        const dataset: DatasetBasicsFragment =
-                            data.datasets.byOwnerAndName;
-                        this.datasetChanges(dataset);
-                        const pageInfo: DatasetPageInfoFragment = Object.assign(
-                            {},
-                            data.datasets.byOwnerAndName.metadata.chain.blocks
-                                .pageInfo,
-                            { currentPage: numPage },
-                        );
-                        const historyUpdate: DatasetHistoryUpdate = {
-                            history: data.datasets.byOwnerAndName.metadata.chain
-                                .blocks.nodes as MetadataBlockFragment[],
-                            pageInfo,
-                            kind: data.datasets.byOwnerAndName.kind,
-                        };
-                        return historyUpdate;
-                    } else {
-                        throw new DatasetNotFoundError();
-                    }
-                }),
-            );
+    public getDatasetHistory(info: DatasetInfo, numRecords: number, numPage: number): Observable<DatasetHistoryUpdate> {
+        return this.datasetApi.getDatasetHistory({ ...info, numRecords, numPage }).pipe(
+            map((data: GetDatasetHistoryQuery) => {
+                if (data.datasets.byOwnerAndName) {
+                    const dataset: DatasetBasicsFragment = data.datasets.byOwnerAndName;
+                    this.datasetChanges(dataset);
+                    const pageInfo: DatasetPageInfoFragment = Object.assign(
+                        {},
+                        data.datasets.byOwnerAndName.metadata.chain.blocks.pageInfo,
+                        { currentPage: numPage },
+                    );
+                    const historyUpdate: DatasetHistoryUpdate = {
+                        history: data.datasets.byOwnerAndName.metadata.chain.blocks.nodes as MetadataBlockFragment[],
+                        pageInfo,
+                        kind: data.datasets.byOwnerAndName.kind,
+                    };
+                    return historyUpdate;
+                } else {
+                    throw new DatasetNotFoundError();
+                }
+            }),
+        );
     }
 
-    public requestDatasetDataSqlRun(
-        query: string,
-        limit: number,
-    ): Observable<void> {
+    public requestDatasetDataSqlRun(query: string, limit: number): Observable<void> {
         return this.datasetApi.getDatasetDataSqlRun({ query, limit }).pipe(
             catchError(() => throwError(new SqlExecutionError())),
             map((result: GetDatasetDataSqlRunQuery) => {
                 const queryResult = result.data.query;
                 if (queryResult.__typename === "DataQueryResultSuccess") {
-                    const content: DataRow[] =
-                        DatasetService.parseDataRows(queryResult);
+                    const content: DataRow[] = DatasetService.parseDataRows(queryResult);
                     const schema: MaybeNull<DatasetSchema> = queryResult.schema
                         ? DatasetService.parseSchema(queryResult.schema.content)
                         : null;
@@ -187,10 +145,7 @@ export class DatasetService {
                         currentVocab: this.currentSetVocab,
                     };
                     this.appDatasetSubsService.changeDatasetData(dataUpdate);
-                } else if (
-                    queryResult.errorKind ===
-                    DataQueryResultErrorKind.InvalidSql
-                ) {
+                } else if (queryResult.errorKind === DataQueryResultErrorKind.InvalidSql) {
                     this.appDatasetSubsService.observeSqlErrorOccurred({
                         error: queryResult.errorMessage,
                     });
@@ -201,15 +156,11 @@ export class DatasetService {
         );
     }
 
-    public requestDatasetInfoById(
-        datasetId: string,
-    ): Observable<DatasetByIdQuery> {
+    public requestDatasetInfoById(datasetId: string): Observable<DatasetByIdQuery> {
         return this.datasetApi.getDatasetInfoById(datasetId);
     }
 
-    public requestDatasetSchema(
-        datasetId: string,
-    ): Observable<GetDatasetSchemaQuery> {
+    public requestDatasetSchema(datasetId: string): Observable<GetDatasetSchemaQuery> {
         return this.datasetApi.getDatasetSchema(datasetId);
     }
 
@@ -232,9 +183,7 @@ export class DatasetService {
             overview,
             size,
         };
-        this.appDatasetSubsService.changeDatasetOverviewData(
-            overviewDataUpdate,
-        );
+        this.appDatasetSubsService.changeDatasetOverviewData(overviewDataUpdate);
     }
 
     private dataTabDataUpdate(
@@ -247,13 +196,9 @@ export class DatasetService {
         this.appDatasetSubsService.changeDatasetData(dataUpdate);
     }
 
-    private metadataTabDataUpdate(
-        data: GetDatasetMainDataQuery,
-        schema: MaybeNull<DatasetSchema>,
-    ): void {
+    private metadataTabDataUpdate(data: GetDatasetMainDataQuery, schema: MaybeNull<DatasetSchema>): void {
         if (data.datasets.byOwnerAndName) {
-            const metadata: DatasetMetadataSummaryFragment =
-                data.datasets.byOwnerAndName;
+            const metadata: DatasetMetadataSummaryFragment = data.datasets.byOwnerAndName;
 
             const pageInfo: DatasetPageInfoFragment = {
                 hasNextPage: false,
@@ -266,18 +211,12 @@ export class DatasetService {
                 pageInfo,
                 metadata,
             };
-            this.appDatasetSubsService.metadataSchemaChanges(
-                metadataSchemaUpdate,
-            );
+            this.appDatasetSubsService.metadataSchemaChanges(metadataSchemaUpdate);
         }
     }
 
-    private lineageTabDataUpdate(
-        originDatasetBasics: DatasetBasicsFragment,
-        lineage: DatasetLineageFragment,
-    ): void {
-        const lineageResponse: DatasetLineageNode =
-            this.lineageResponseFromRawQuery(originDatasetBasics, lineage);
+    private lineageTabDataUpdate(originDatasetBasics: DatasetBasicsFragment, lineage: DatasetLineageFragment): void {
+        const lineageResponse: DatasetLineageNode = this.lineageResponseFromRawQuery(originDatasetBasics, lineage);
         this.updatelineageGraph(lineageResponse);
     }
 
@@ -288,49 +227,33 @@ export class DatasetService {
         const originMetadata = lineage.metadata;
         return {
             basics: originDatasetBasics,
-            downstreamDependencies:
-                originMetadata.currentDownstreamDependencies.map(
-                    (downDependency) => {
-                        return {
-                            basics: downDependency as DatasetBasicsFragment,
-                            downstreamDependencies:
-                                downDependency.metadata.currentDownstreamDependencies.map(
-                                    (downDependency2) => {
+            downstreamDependencies: originMetadata.currentDownstreamDependencies.map((downDependency) => {
+                return {
+                    basics: downDependency as DatasetBasicsFragment,
+                    downstreamDependencies: downDependency.metadata.currentDownstreamDependencies.map(
+                        (downDependency2) => {
+                            return {
+                                basics: downDependency2 as DatasetBasicsFragment,
+                                downstreamDependencies: downDependency2.metadata.currentDownstreamDependencies.map(
+                                    (downDependency3) => {
                                         return {
-                                            basics: downDependency2 as DatasetBasicsFragment,
+                                            basics: downDependency3 as DatasetBasicsFragment,
                                             downstreamDependencies:
-                                                downDependency2.metadata.currentDownstreamDependencies.map(
-                                                    (downDependency3) => {
+                                                downDependency3.metadata.currentDownstreamDependencies.map(
+                                                    (downDependency4) => {
                                                         return {
-                                                            basics: downDependency3 as DatasetBasicsFragment,
+                                                            basics: downDependency4 as DatasetBasicsFragment,
                                                             downstreamDependencies:
-                                                                downDependency3.metadata.currentDownstreamDependencies.map(
-                                                                    (
-                                                                        downDependency4,
-                                                                    ) => {
+                                                                downDependency4.metadata.currentDownstreamDependencies.map(
+                                                                    (downDependency5) => {
                                                                         return {
-                                                                            basics: downDependency4 as DatasetBasicsFragment,
-                                                                            downstreamDependencies:
-                                                                                downDependency4.metadata.currentDownstreamDependencies.map(
-                                                                                    (
-                                                                                        downDependency5,
-                                                                                    ) => {
-                                                                                        return {
-                                                                                            basics: downDependency5 as DatasetBasicsFragment,
-                                                                                            downstreamDependencies:
-                                                                                                [],
-                                                                                            upstreamDependencies:
-                                                                                                [],
-                                                                                        };
-                                                                                    },
-                                                                                ),
-                                                                            upstreamDependencies:
-                                                                                [],
+                                                                            basics: downDependency5 as DatasetBasicsFragment,
+                                                                            downstreamDependencies: [],
+                                                                            upstreamDependencies: [],
                                                                         };
                                                                     },
                                                                 ),
-                                                            upstreamDependencies:
-                                                                [],
+                                                            upstreamDependencies: [],
                                                         };
                                                     },
                                                 ),
@@ -338,64 +261,51 @@ export class DatasetService {
                                         };
                                     },
                                 ),
-                            upstreamDependencies: [],
-                        };
-                    },
-                ),
-            upstreamDependencies:
-                originMetadata.currentUpstreamDependencies.map(
-                    (upDependency) => {
+                                upstreamDependencies: [],
+                            };
+                        },
+                    ),
+                    upstreamDependencies: [],
+                };
+            }),
+            upstreamDependencies: originMetadata.currentUpstreamDependencies.map((upDependency) => {
+                return {
+                    basics: upDependency as DatasetBasicsFragment,
+                    downstreamDependencies: [],
+                    upstreamDependencies: upDependency.metadata.currentUpstreamDependencies.map((upDependency2) => {
                         return {
-                            basics: upDependency as DatasetBasicsFragment,
+                            basics: upDependency2 as DatasetBasicsFragment,
                             downstreamDependencies: [],
-                            upstreamDependencies:
-                                upDependency.metadata.currentUpstreamDependencies.map(
-                                    (upDependency2) => {
-                                        return {
-                                            basics: upDependency2 as DatasetBasicsFragment,
-                                            downstreamDependencies: [],
-                                            upstreamDependencies:
-                                                upDependency2.metadata.currentUpstreamDependencies.map(
-                                                    (upDependency3) => {
-                                                        return {
-                                                            basics: upDependency3 as DatasetBasicsFragment,
-                                                            downstreamDependencies:
-                                                                [],
-                                                            upstreamDependencies:
-                                                                upDependency3.metadata.currentUpstreamDependencies.map(
-                                                                    (
-                                                                        upDependency4,
-                                                                    ) => {
-                                                                        return {
-                                                                            basics: upDependency4 as DatasetBasicsFragment,
-                                                                            downstreamDependencies:
-                                                                                [],
-                                                                            upstreamDependencies:
-                                                                                upDependency4.metadata.currentUpstreamDependencies.map(
-                                                                                    (
-                                                                                        upDependency5,
-                                                                                    ) => {
-                                                                                        return {
-                                                                                            basics: upDependency5 as DatasetBasicsFragment,
-                                                                                            downstreamDependencies:
-                                                                                                [],
-                                                                                            upstreamDependencies:
-                                                                                                [],
-                                                                                        };
-                                                                                    },
-                                                                                ),
-                                                                        };
-                                                                    },
-                                                                ),
-                                                        };
-                                                    },
-                                                ),
-                                        };
-                                    },
-                                ),
+                            upstreamDependencies: upDependency2.metadata.currentUpstreamDependencies.map(
+                                (upDependency3) => {
+                                    return {
+                                        basics: upDependency3 as DatasetBasicsFragment,
+                                        downstreamDependencies: [],
+                                        upstreamDependencies: upDependency3.metadata.currentUpstreamDependencies.map(
+                                            (upDependency4) => {
+                                                return {
+                                                    basics: upDependency4 as DatasetBasicsFragment,
+                                                    downstreamDependencies: [],
+                                                    upstreamDependencies:
+                                                        upDependency4.metadata.currentUpstreamDependencies.map(
+                                                            (upDependency5) => {
+                                                                return {
+                                                                    basics: upDependency5 as DatasetBasicsFragment,
+                                                                    downstreamDependencies: [],
+                                                                    upstreamDependencies: [],
+                                                                };
+                                                            },
+                                                        ),
+                                                };
+                                            },
+                                        ),
+                                    };
+                                },
+                            ),
                         };
-                    },
-                ),
+                    }),
+                };
+            }),
         };
     }
 
@@ -403,11 +313,7 @@ export class DatasetService {
         const lineageGraphEdges: DatasetBasicsFragment[][] = [];
         const lineageGraphNodes: DatasetBasicsFragment[] = [];
 
-        this.updateLineageGraphRecords(
-            origin,
-            lineageGraphNodes,
-            lineageGraphEdges,
-        );
+        this.updateLineageGraphRecords(origin, lineageGraphNodes, lineageGraphEdges);
         this.appDatasetSubsService.changeLineageData({
             origin: origin.basics,
             nodes: lineageGraphNodes,
@@ -421,40 +327,23 @@ export class DatasetService {
         lineageGraphEdges: DatasetBasicsFragment[][],
     ) {
         if (
-            !lineageGraphNodes.some(
-                (existingNode: DatasetBasicsFragment) =>
-                    existingNode.id === currentNode.basics.id,
-            )
+            !lineageGraphNodes.some((existingNode: DatasetBasicsFragment) => existingNode.id === currentNode.basics.id)
         ) {
             lineageGraphNodes.push(currentNode.basics);
         }
 
-        currentNode.downstreamDependencies.forEach(
-            (dependency: DatasetLineageNode) => {
-                lineageGraphEdges.push([currentNode.basics, dependency.basics]);
-                this.updateLineageGraphRecords(
-                    dependency,
-                    lineageGraphNodes,
-                    lineageGraphEdges,
-                );
-            },
-        );
+        currentNode.downstreamDependencies.forEach((dependency: DatasetLineageNode) => {
+            lineageGraphEdges.push([currentNode.basics, dependency.basics]);
+            this.updateLineageGraphRecords(dependency, lineageGraphNodes, lineageGraphEdges);
+        });
 
-        currentNode.upstreamDependencies.forEach(
-            (dependency: DatasetLineageNode) => {
-                lineageGraphEdges.push([dependency.basics, currentNode.basics]);
-                this.updateLineageGraphRecords(
-                    dependency,
-                    lineageGraphNodes,
-                    lineageGraphEdges,
-                );
-            },
-        );
+        currentNode.upstreamDependencies.forEach((dependency: DatasetLineageNode) => {
+            lineageGraphEdges.push([dependency.basics, currentNode.basics]);
+            this.updateLineageGraphRecords(dependency, lineageGraphNodes, lineageGraphEdges);
+        });
     }
 
-    private static parseDataRows(
-        successResult: DataQueryResultSuccessViewFragment,
-    ): DataRow[] {
+    private static parseDataRows(successResult: DataQueryResultSuccessViewFragment): DataRow[] {
         const content: string = successResult.data.content;
         return JSON.parse(content) as DataRow[];
     }
diff --git a/src/app/dataset-view/dataset.subscriptions.interface.ts b/src/app/dataset-view/dataset.subscriptions.interface.ts
index 9df8821c3..bd1760ec5 100644
--- a/src/app/dataset-view/dataset.subscriptions.interface.ts
+++ b/src/app/dataset-view/dataset.subscriptions.interface.ts
@@ -1,8 +1,4 @@
-import {
-    DatasetKind,
-    DatasetPageInfoFragment,
-    SetVocab,
-} from "./../api/kamu.graphql.interface";
+import { DatasetKind, DatasetPageInfoFragment, SetVocab } from "./../api/kamu.graphql.interface";
 import {
     DatasetBasicsFragment,
     DatasetDataSizeFragment,
diff --git a/src/app/dataset-view/dataset.subscriptions.service.ts b/src/app/dataset-view/dataset.subscriptions.service.ts
index c7a44b8a3..4216a7797 100644
--- a/src/app/dataset-view/dataset.subscriptions.service.ts
+++ b/src/app/dataset-view/dataset.subscriptions.service.ts
@@ -10,18 +10,20 @@ import {
 } from "./dataset.subscriptions.interface";
 @Injectable({ providedIn: "root" })
 export class AppDatasetSubscriptionsService {
-    private datasetOverviewDataChanges$: Subject<OverviewDataUpdate> =
-        new ReplaySubject<OverviewDataUpdate>(1 /*bufferSize*/);
-    private datasetDataChanges$: Subject<DataUpdate> =
-        new ReplaySubject<DataUpdate>(1 /*bufferSize*/);
-    private datasetDataSqlErrorOccurred$: Subject<DataSqlErrorUpdate> =
-        new ReplaySubject<DataSqlErrorUpdate>(1 /*bufferSize*/);
-    private datasetHistoryChanges$: Subject<DatasetHistoryUpdate> =
-        new ReplaySubject<DatasetHistoryUpdate>(1 /*bufferSize*/);
-    private metadataSchemaChanges$: Subject<MetadataSchemaUpdate> =
-        new ReplaySubject<MetadataSchemaUpdate>(1 /*bufferSize*/);
-    private lineageChanges$: Subject<LineageUpdate> =
-        new ReplaySubject<LineageUpdate>(1 /*bufferSize*/);
+    private datasetOverviewDataChanges$: Subject<OverviewDataUpdate> = new ReplaySubject<OverviewDataUpdate>(
+        1 /*bufferSize*/,
+    );
+    private datasetDataChanges$: Subject<DataUpdate> = new ReplaySubject<DataUpdate>(1 /*bufferSize*/);
+    private datasetDataSqlErrorOccurred$: Subject<DataSqlErrorUpdate> = new ReplaySubject<DataSqlErrorUpdate>(
+        1 /*bufferSize*/,
+    );
+    private datasetHistoryChanges$: Subject<DatasetHistoryUpdate> = new ReplaySubject<DatasetHistoryUpdate>(
+        1 /*bufferSize*/,
+    );
+    private metadataSchemaChanges$: Subject<MetadataSchemaUpdate> = new ReplaySubject<MetadataSchemaUpdate>(
+        1 /*bufferSize*/,
+    );
+    private lineageChanges$: Subject<LineageUpdate> = new ReplaySubject<LineageUpdate>(1 /*bufferSize*/);
 
     public changeDatasetOverviewData(data: OverviewDataUpdate): void {
         this.datasetOverviewDataChanges$.next(data);
diff --git a/src/app/interface/dataset.interface.ts b/src/app/interface/dataset.interface.ts
index 6e69a4e1a..fb93aed55 100644
--- a/src/app/interface/dataset.interface.ts
+++ b/src/app/interface/dataset.interface.ts
@@ -1,8 +1,4 @@
-import {
-    DatasetBasicsFragment,
-    DatasetSearchOverviewFragment,
-    PageBasedInfo,
-} from "../api/kamu.graphql.interface";
+import { DatasetBasicsFragment, DatasetSearchOverviewFragment, PageBasedInfo } from "../api/kamu.graphql.interface";
 
 export type DataRow = Record<string, string | number>;
 
diff --git a/src/app/interface/search.interface.ts b/src/app/interface/search.interface.ts
index d71182ecb..7514671b0 100644
--- a/src/app/interface/search.interface.ts
+++ b/src/app/interface/search.interface.ts
@@ -1,9 +1,5 @@
 import { ThemePalette } from "@angular/material/core";
-import {
-    DatasetBasicsFragment,
-    DatasetSearchOverviewFragment,
-    PageBasedInfo,
-} from "../api/kamu.graphql.interface";
+import { DatasetBasicsFragment, DatasetSearchOverviewFragment, PageBasedInfo } from "../api/kamu.graphql.interface";
 
 export interface DatasetSearchResult {
     datasets: DatasetSearchOverviewFragment[];
diff --git a/src/app/project-links.ts b/src/app/project-links.ts
index 1d169abd4..03914c316 100644
--- a/src/app/project-links.ts
+++ b/src/app/project-links.ts
@@ -27,8 +27,7 @@ export default class ProjectLinks {
     public static readonly URL_PARAM_DATASET_NAME: string = "datasetName";
     public static readonly URL_PARAM_CATEGORY: string = "category";
     public static readonly URL_PARAM_BLOCK_HASH: string = "blockHash";
-    public static readonly URL_PARAM_ADD_POLLING_SOURCE: string =
-        "add-polling-source";
+    public static readonly URL_PARAM_ADD_POLLING_SOURCE: string = "add-polling-source";
     public static readonly URL_PARAM_SET_TRANSFORM: string = "set-transform";
 
     public static readonly URL_QUERY_PARAM_TAB: string = "tab";
diff --git a/src/app/search/mock.data.ts b/src/app/search/mock.data.ts
index 9f318feba..a4db2595d 100644
--- a/src/app/search/mock.data.ts
+++ b/src/app/search/mock.data.ts
@@ -1,7 +1,4 @@
-import {
-    CommitEventToDatasetMutation,
-    PageBasedInfo,
-} from "./../api/kamu.graphql.interface";
+import { CommitEventToDatasetMutation, PageBasedInfo } from "./../api/kamu.graphql.interface";
 import { mockSetVocab } from "./../dataset-block/metadata-block/components/event-details/mock.events";
 import {
     DataBatchFormat,
@@ -18,11 +15,7 @@ import {
 } from "../api/kamu.graphql.interface";
 import { Node } from "@swimlane/ngx-graph/lib/models/node.model";
 import { DatasetInfo } from "../interface/navigation.interface";
-import {
-    DatasetAutocompleteItem,
-    DatasetSearchResult,
-    TypeNames,
-} from "../interface/search.interface";
+import { DatasetAutocompleteItem, DatasetSearchResult, TypeNames } from "../interface/search.interface";
 import {
     EditFormType,
     FetchKind,
@@ -281,43 +274,35 @@ export const mockDatasetMainDataResponse: GetDatasetMainDataQuery = {
                                             {
                                                 __typename: "Dataset",
                                                 metadata: {
-                                                    __typename:
-                                                        "DatasetMetadata",
-                                                    currentUpstreamDependencies:
-                                                        [
-                                                            {
-                                                                __typename:
-                                                                    "Dataset",
-                                                                metadata: {
-                                                                    __typename:
-                                                                        "DatasetMetadata",
-                                                                    currentUpstreamDependencies:
-                                                                        [
-                                                                            {
-                                                                                __typename:
-                                                                                    "Dataset",
+                                                    __typename: "DatasetMetadata",
+                                                    currentUpstreamDependencies: [
+                                                        {
+                                                            __typename: "Dataset",
+                                                            metadata: {
+                                                                __typename: "DatasetMetadata",
+                                                                currentUpstreamDependencies: [
+                                                                    {
+                                                                        __typename: "Dataset",
 
-                                                                                id: "did:odf:z4k66d7thqpab83a24iYbeXr5yDYBAxaB7hnzbhfmyUTLnWifwz6",
-                                                                                kind: DatasetKind.Derivative,
-                                                                                name: "fake.upstream-level-5",
-                                                                                owner: {
-                                                                                    __typename:
-                                                                                        "User",
-                                                                                    ...mockOwnerFields,
-                                                                                },
-                                                                            },
-                                                                        ],
-                                                                },
-                                                                id: "did:odf:z4k55d7thqpab83a24iZbeXr5yDYBAxaB7hnzbhfmyUTLnWifwz6",
-                                                                kind: DatasetKind.Derivative,
-                                                                name: "fake.upstream-level-4",
-                                                                owner: {
-                                                                    __typename:
-                                                                        "User",
-                                                                    ...mockOwnerFields,
-                                                                },
+                                                                        id: "did:odf:z4k66d7thqpab83a24iYbeXr5yDYBAxaB7hnzbhfmyUTLnWifwz6",
+                                                                        kind: DatasetKind.Derivative,
+                                                                        name: "fake.upstream-level-5",
+                                                                        owner: {
+                                                                            __typename: "User",
+                                                                            ...mockOwnerFields,
+                                                                        },
+                                                                    },
+                                                                ],
+                                                            },
+                                                            id: "did:odf:z4k55d7thqpab83a24iZbeXr5yDYBAxaB7hnzbhfmyUTLnWifwz6",
+                                                            kind: DatasetKind.Derivative,
+                                                            name: "fake.upstream-level-4",
+                                                            owner: {
+                                                                __typename: "User",
+                                                                ...mockOwnerFields,
                                                             },
-                                                        ],
+                                                        },
+                                                    ],
                                                 },
                                                 id: "did:odf:z4k55e8thqpab83a24iZbeXr5yDYBAxaB7hmybhfmyUTLnWifwz6",
                                                 kind: DatasetKind.Derivative,
@@ -362,43 +347,35 @@ export const mockDatasetMainDataResponse: GetDatasetMainDataQuery = {
                                             {
                                                 __typename: "Dataset",
                                                 metadata: {
-                                                    __typename:
-                                                        "DatasetMetadata",
-                                                    currentDownstreamDependencies:
-                                                        [
-                                                            {
-                                                                __typename:
-                                                                    "Dataset",
-                                                                metadata: {
-                                                                    __typename:
-                                                                        "DatasetMetadata",
-                                                                    currentDownstreamDependencies:
-                                                                        [
-                                                                            {
-                                                                                __typename:
-                                                                                    "Dataset",
+                                                    __typename: "DatasetMetadata",
+                                                    currentDownstreamDependencies: [
+                                                        {
+                                                            __typename: "Dataset",
+                                                            metadata: {
+                                                                __typename: "DatasetMetadata",
+                                                                currentDownstreamDependencies: [
+                                                                    {
+                                                                        __typename: "Dataset",
 
-                                                                                id: "did:odf:z4k88e8thqpab83a24iFbeXr5WZVCxaB7hmybhfmyUTLnWifwz6",
-                                                                                kind: DatasetKind.Derivative,
-                                                                                name: "world.daily-cases",
-                                                                                owner: {
-                                                                                    __typename:
-                                                                                        "User",
-                                                                                    ...mockOwnerFields,
-                                                                                },
-                                                                            },
-                                                                        ],
-                                                                },
-                                                                id: "did:odf:z4k88e8thqpab83aJCiFbeXr5WZVCor7hmybhfmyUTLnWifwz6",
-                                                                kind: DatasetKind.Derivative,
-                                                                name: "america.daily-cases",
-                                                                owner: {
-                                                                    __typename:
-                                                                        "User",
-                                                                    ...mockOwnerFields,
-                                                                },
+                                                                        id: "did:odf:z4k88e8thqpab83a24iFbeXr5WZVCxaB7hmybhfmyUTLnWifwz6",
+                                                                        kind: DatasetKind.Derivative,
+                                                                        name: "world.daily-cases",
+                                                                        owner: {
+                                                                            __typename: "User",
+                                                                            ...mockOwnerFields,
+                                                                        },
+                                                                    },
+                                                                ],
                                                             },
-                                                        ],
+                                                            id: "did:odf:z4k88e8thqpab83aJCiFbeXr5WZVCor7hmybhfmyUTLnWifwz6",
+                                                            kind: DatasetKind.Derivative,
+                                                            name: "america.daily-cases",
+                                                            owner: {
+                                                                __typename: "User",
+                                                                ...mockOwnerFields,
+                                                            },
+                                                        },
+                                                    ],
                                                 },
                                                 id: "did:odf:z4k88e8thqpQ7kupbJCiFbeXr5WZVCor7hmybhfmyUTLnWifwz6",
                                                 kind: DatasetKind.Derivative,
@@ -438,23 +415,18 @@ export const mockDatasetMainDataResponse: GetDatasetMainDataQuery = {
                         nodes: [
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1fzwrGZbrvqoXujua5oxj4j466tDwXySjpVMi8BvZ2mtj",
+                                blockHash: "zW1fzwrGZbrvqoXujua5oxj4j466tDwXySjpVMi8BvZ2mtj",
                                 sequenceNumber: 12,
-                                prevBlockHash:
-                                    "zW1ioX6fdsM4so8MPw7wqF1uKsDC7n6FEkhahZKXNcgF5E1",
-                                systemTime:
-                                    "2022-08-05T21:19:28.817281255+00:00",
+                                prevBlockHash: "zW1ioX6fdsM4so8MPw7wqF1uKsDC7n6FEkhahZKXNcgF5E1",
+                                systemTime: "2022-08-05T21:19:28.817281255+00:00",
                                 author: {
                                     __typename: "User",
                                     ...mockOwnerFields,
                                 },
                                 event: {
                                     __typename: "AddData",
-                                    inputCheckpoint:
-                                        "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
-                                    addDataWatermark:
-                                        "2022-08-05T21:17:30.613911358+00:00",
+                                    inputCheckpoint: "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
+                                    addDataWatermark: "2022-08-05T21:17:30.613911358+00:00",
                                     outputData: {
                                         __typename: "DataSlice",
 
@@ -463,15 +435,12 @@ export const mockDatasetMainDataResponse: GetDatasetMainDataQuery = {
                                             start: 0,
                                             end: 596125,
                                         },
-                                        logicalHash:
-                                            "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
-                                        physicalHash:
-                                            "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
+                                        logicalHash: "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
+                                        physicalHash: "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
                                         size: 900,
                                     },
                                     outputCheckpoint: {
-                                        physicalHash:
-                                            "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
+                                        physicalHash: "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
                                         size: 11213,
                                     },
                                 },
@@ -509,23 +478,18 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                         nodes: [
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1fzwrGZbrvqoXujua5oxj4j466tDwXySjpVMi8BvZ2mtj",
-                                prevBlockHash:
-                                    "zW1ioX6fdsM4so8MPw7wqF1uKsDC7n6FEkhahZKXNcgF5E1",
+                                blockHash: "zW1fzwrGZbrvqoXujua5oxj4j466tDwXySjpVMi8BvZ2mtj",
+                                prevBlockHash: "zW1ioX6fdsM4so8MPw7wqF1uKsDC7n6FEkhahZKXNcgF5E1",
                                 sequenceNumber: 12,
-                                systemTime:
-                                    "2022-08-05T21:19:28.817281255+00:00",
+                                systemTime: "2022-08-05T21:19:28.817281255+00:00",
                                 author: {
                                     __typename: "User",
                                     ...mockOwnerFields,
                                 },
                                 event: {
                                     __typename: "AddData",
-                                    inputCheckpoint:
-                                        "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
-                                    addDataWatermark:
-                                        "2022-08-05T21:17:30.613911358+00:00",
+                                    inputCheckpoint: "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
+                                    addDataWatermark: "2022-08-05T21:17:30.613911358+00:00",
                                     outputData: {
                                         __typename: "DataSlice",
 
@@ -534,28 +498,22 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                                             start: 0,
                                             end: 596125,
                                         },
-                                        logicalHash:
-                                            "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
-                                        physicalHash:
-                                            "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
+                                        logicalHash: "z63ZND5BG3GUBRWVV3AtQj1WHLucVaAb9kSpXLeVxTdWob7PSc5J",
+                                        physicalHash: "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
                                         size: 300,
                                     },
                                     outputCheckpoint: {
-                                        physicalHash:
-                                            "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
+                                        physicalHash: "zW1hrpnAnB6AoHu4j9e1m8McQRWzDN1Q8h4Vm4GCa9XKnWf",
                                         size: 11213,
                                     },
                                 },
                             },
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1ioX6fdsM4so8MPw7wqF1uKsDC7n6FEkhahZKXNcgF5E1",
-                                prevBlockHash:
-                                    "zW1mdEmQaQFQZj6cz9yopVisYEPtbEGyv5ofGjmW8VmAiBA",
+                                blockHash: "zW1ioX6fdsM4so8MPw7wqF1uKsDC7n6FEkhahZKXNcgF5E1",
+                                prevBlockHash: "zW1mdEmQaQFQZj6cz9yopVisYEPtbEGyv5ofGjmW8VmAiBA",
                                 sequenceNumber: 12,
-                                systemTime:
-                                    "2022-08-05T21:17:30.613911358+00:00",
+                                systemTime: "2022-08-05T21:17:30.613911358+00:00",
                                 author: {
                                     __typename: "User",
                                     ...mockOwnerFields,
@@ -565,19 +523,15 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                                     shortName: "OGL-Canada-2.0",
                                     name: "Open Government Licence - Canada",
                                     spdxId: "OGL-Canada-2.0",
-                                    websiteUrl:
-                                        "https://open.canada.ca/en/open-government-licence-canada",
+                                    websiteUrl: "https://open.canada.ca/en/open-government-licence-canada",
                                 },
                             },
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1mdEmQaQFQZj6cz9yopVisYEPtbEGyv5ofGjmW8VmAiBA",
-                                prevBlockHash:
-                                    "zW1k7Mc19BhaEDPmuPrQcSLWJkRaCd9MB7X4SeGvqKzFi3d",
+                                blockHash: "zW1mdEmQaQFQZj6cz9yopVisYEPtbEGyv5ofGjmW8VmAiBA",
+                                prevBlockHash: "zW1k7Mc19BhaEDPmuPrQcSLWJkRaCd9MB7X4SeGvqKzFi3d",
                                 sequenceNumber: 12,
-                                systemTime:
-                                    "2022-08-05T21:17:30.613911358+00:00",
+                                systemTime: "2022-08-05T21:17:30.613911358+00:00",
                                 author: {
                                     __typename: "User",
                                     ...mockOwnerFields,
@@ -588,8 +542,7 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                                         __typename: "AttachmentsEmbedded",
                                         items: [
                                             {
-                                                __typename:
-                                                    "AttachmentEmbedded",
+                                                __typename: "AttachmentEmbedded",
                                                 path: "README.md",
                                                 content:
                                                     "# Confirmed positive cases of COVID-19 in Quebec\n\nThis dataset compiles daily snapshots of publicly reported data on 2019 Novel Coronavirus (COVID-19) testing in Quebec.\n\nData includes:\n- approximation of onset date\n- age group\n- patient gender\n- case acquisition information\n- patient outcome\n- reporting Public Health Unit (PHU)\n- postal code, website, longitude, and latitude of PHU\n\nThis dataset is subject to change. Please review the daily epidemiologic summaries for information on variables, methodology, and technical considerations.\n\n**Related dataset(s)**:\n- [Daily aggregate count of confirmed positive cases of COVID-19 in Quebec](#todo)\n",
@@ -600,12 +553,9 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                             },
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1k7Mc19BhaEDPmuPrQcSLWJkRaCd9MB7X4SeGvqKzFi3d",
-                                prevBlockHash:
-                                    "zW1jzqJxDwLStfBA8jj5oxAd51otwte3xNtZSBkMVtBAbyc",
-                                systemTime:
-                                    "2022-08-05T21:17:30.613911358+00:00",
+                                blockHash: "zW1k7Mc19BhaEDPmuPrQcSLWJkRaCd9MB7X4SeGvqKzFi3d",
+                                prevBlockHash: "zW1jzqJxDwLStfBA8jj5oxAd51otwte3xNtZSBkMVtBAbyc",
+                                systemTime: "2022-08-05T21:17:30.613911358+00:00",
                                 sequenceNumber: 12,
                                 author: {
                                     __typename: "User",
@@ -613,8 +563,7 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                                 },
                                 event: {
                                     __typename: "SetInfo",
-                                    description:
-                                        "Confirmed positive cases of COVID-19 in Ontario.",
+                                    description: "Confirmed positive cases of COVID-19 in Ontario.",
                                     keywords: [
                                         "Healthcare",
                                         "Epidemiology",
@@ -629,13 +578,10 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                             },
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1jzqJxDwLStfBA8jj5oxAd51otwte3xNtZSBkMVtBAbyc",
-                                prevBlockHash:
-                                    "zW1eG5uSWyHACt6TuK8dSJUkQ39SCWfKzNARBSMpFbvZKvL",
+                                blockHash: "zW1jzqJxDwLStfBA8jj5oxAd51otwte3xNtZSBkMVtBAbyc",
+                                prevBlockHash: "zW1eG5uSWyHACt6TuK8dSJUkQ39SCWfKzNARBSMpFbvZKvL",
                                 sequenceNumber: 12,
-                                systemTime:
-                                    "2022-08-05T21:17:30.613911358+00:00",
+                                systemTime: "2022-08-05T21:17:30.613911358+00:00",
                                 author: {
                                     __typename: "User",
                                     ...mockOwnerFields,
@@ -649,21 +595,17 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                             },
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1eG5uSWyHACt6TuK8dSJUkQ39SCWfKzNARBSMpFbvZKvL",
-                                prevBlockHash:
-                                    "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
+                                blockHash: "zW1eG5uSWyHACt6TuK8dSJUkQ39SCWfKzNARBSMpFbvZKvL",
+                                prevBlockHash: "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
                                 sequenceNumber: 12,
-                                systemTime:
-                                    "2022-08-05T21:17:30.613911358+00:00",
+                                systemTime: "2022-08-05T21:17:30.613911358+00:00",
                                 author: {
                                     __typename: "User",
                                     ...mockOwnerFields,
                                 },
                                 event: {
                                     __typename: "SetInfo",
-                                    description:
-                                        "Confirmed positive cases of COVID-19 in Ontario.",
+                                    description: "Confirmed positive cases of COVID-19 in Ontario.",
                                     keywords: [
                                         "Healthcare",
                                         "Epidemiology",
@@ -678,11 +620,9 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                             },
                             {
                                 __typename: "MetadataBlockExtended",
-                                blockHash:
-                                    "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
+                                blockHash: "zW1qJPmDvBxGS9GeC7PFseSCy7koHjvurUmisf1VWscY3AX",
                                 prevBlockHash: null,
-                                systemTime:
-                                    "2022-08-05T21:17:30.613911358+00:00",
+                                systemTime: "2022-08-05T21:17:30.613911358+00:00",
                                 sequenceNumber: 12,
                                 author: {
                                     __typename: "User",
@@ -690,8 +630,7 @@ export const mockDatasetHistoryResponse: GetDatasetHistoryQuery = {
                                 },
                                 event: {
                                     __typename: "Seed",
-                                    datasetId:
-                                        "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
+                                    datasetId: "did:odf:z4k88e8rxU6m5wCnK9idM5sGAxAGfvUgNgQbckwJ4ro78tXMLSu",
                                     datasetKind: DatasetKind.Root,
                                 },
                             },
@@ -739,29 +678,27 @@ export const mockDatasetDataSqlRunResponse: GetDatasetDataSqlRunQuery = {
     },
 };
 
-export const mockDatasetDataSqlRunInvalidSqlResponse: GetDatasetDataSqlRunQuery =
-    {
-        data: {
-            __typename: "DataQueries",
-            query: {
-                __typename: "DataQueryResultError",
-                errorMessage: "invalid SQL query",
-                errorKind: DataQueryResultErrorKind.InvalidSql,
-            },
+export const mockDatasetDataSqlRunInvalidSqlResponse: GetDatasetDataSqlRunQuery = {
+    data: {
+        __typename: "DataQueries",
+        query: {
+            __typename: "DataQueryResultError",
+            errorMessage: "invalid SQL query",
+            errorKind: DataQueryResultErrorKind.InvalidSql,
         },
-    };
+    },
+};
 
-export const mockDatasetDataSqlRunInternalErrorResponse: GetDatasetDataSqlRunQuery =
-    {
-        data: {
-            __typename: "DataQueries",
-            query: {
-                __typename: "DataQueryResultError",
-                errorMessage: "internal server error",
-                errorKind: DataQueryResultErrorKind.InternalError,
-            },
+export const mockDatasetDataSqlRunInternalErrorResponse: GetDatasetDataSqlRunQuery = {
+    data: {
+        __typename: "DataQueries",
+        query: {
+            __typename: "DataQueryResultError",
+            errorMessage: "internal server error",
+            errorKind: DataQueryResultErrorKind.InternalError,
         },
-    };
+    },
+};
 
 export const mockCommitEventResponse: CommitEventToDatasetMutation = {
     datasets: {
@@ -771,10 +708,8 @@ export const mockCommitEventResponse: CommitEventToDatasetMutation = {
                     commitEvent: {
                         __typename: "CommitResultSuccess",
                         message: "Success",
-                        oldHead:
-                            "zW1nXNFNR3oFTVnBTkFCkFRJu3ELxFh2XbK1KWP6MgGgTdB",
-                        newHead:
-                            "zW1hgfvGgmdsbrDMhVoBE5TRX2RX4DV2mhh4QgEAeA3fx4Q",
+                        oldHead: "zW1nXNFNR3oFTVnBTkFCkFRJu3ELxFh2XbK1KWP6MgGgTdB",
+                        newHead: "zW1hgfvGgmdsbrDMhVoBE5TRX2RX4DV2mhh4QgEAeA3fx4Q",
                     },
                 },
             },
@@ -824,8 +759,7 @@ export const mockHistoryEditPollingSourceService: DatasetHistoryUpdate = {
             },
             event: {
                 __typename: "Seed",
-                datasetId:
-                    "did:odf:z4k88e8nBPEwSAHGs8pXfm39J3RijoXGtCcp24HhAt3t4VmX2fN",
+                datasetId: "did:odf:z4k88e8nBPEwSAHGs8pXfm39J3RijoXGtCcp24HhAt3t4VmX2fN",
                 datasetKind: DatasetKind.Root,
             },
         },
@@ -842,8 +776,7 @@ export const mockHistoryEditPollingSourceService: DatasetHistoryUpdate = {
             },
             event: {
                 __typename: "Seed",
-                datasetId:
-                    "did:odf:z4k88e8nBPEwSAHGs8pXfm39J3RijoXGtCcp24HhAt3t4VmX2fN",
+                datasetId: "did:odf:z4k88e8nBPEwSAHGs8pXfm39J3RijoXGtCcp24HhAt3t4VmX2fN",
                 datasetKind: DatasetKind.Root,
             },
         },
@@ -911,8 +844,7 @@ export const mockHistoryEditPollingSourceService: DatasetHistoryUpdate = {
             },
             event: {
                 __typename: "Seed",
-                datasetId:
-                    "did:odf:z4k88e8nBPEwSAHGs8pXfm39J3RijoXGtCcp24HhAt3t4VmX2fN",
+                datasetId: "did:odf:z4k88e8nBPEwSAHGs8pXfm39J3RijoXGtCcp24HhAt3t4VmX2fN",
                 datasetKind: DatasetKind.Root,
             },
         },
diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index 1354edd45..14191f16e 100644
--- a/src/app/search/search.component.html
+++ b/src/app/search/search.component.html
@@ -5,76 +5,39 @@
                 <div class="card">
                     <nav class="navbar navbar-expand">
                         <div>
-                            <h3 class="search-result-container__navbar__title">
-                                Filters
-                            </h3>
+                            <h3 class="search-result-container__navbar__title">Filters</h3>
                             <div *ngFor="let filter of filters">
                                 <span class="example-list-section">
                                     {{ filter.name }}
                                 </span>
                                 <span class="example-list-section">
                                     <ul>
-                                        <li
-                                            *ngFor="
-                                                let subtask of filter.subtasks
-                                            "
-                                        >
-                                            <ng-template
-                                                [ngIf]="!subtask.isTitle"
-                                            >
+                                        <li *ngFor="let subtask of filter.subtasks">
+                                            <ng-template [ngIf]="!subtask.isTitle">
                                                 <mat-checkbox
-                                                    [(ngModel)]="
-                                                        subtask.completed
-                                                    "
+                                                    [(ngModel)]="subtask.completed"
                                                     [color]="subtask.color"
-                                                    [disabled]="
-                                                        subtask.disabled
-                                                    "
-                                                    (ngModelChange)="
-                                                        updateAllComplete()
-                                                    "
+                                                    [disabled]="subtask.disabled"
+                                                    (ngModelChange)="updateAllComplete()"
                                                 >
                                                     {{ subtask.name }}
                                                 </mat-checkbox>
                                             </ng-template>
-                                            <ng-template
-                                                [ngIf]="subtask.isTitle"
-                                            >
-                                                <span
-                                                    class="example-list-section"
-                                                >
+                                            <ng-template [ngIf]="subtask.isTitle">
+                                                <span class="example-list-section">
                                                     {{ subtask.name }}
                                                 </span>
                                             </ng-template>
-                                            <ng-template
-                                                [ngIf]="
-                                                    subtask.subtasks &&
-                                                    subtask.subtasks.length > 0
-                                                "
-                                            >
+                                            <ng-template [ngIf]="subtask.subtasks && subtask.subtasks.length > 0">
                                                 <ul>
-                                                    <li
-                                                        *ngFor="
-                                                            let sub_subtask of subtask.subtasks
-                                                        "
-                                                    >
+                                                    <li *ngFor="let sub_subtask of subtask.subtasks">
                                                         <mat-checkbox
-                                                            [(ngModel)]="
-                                                                sub_subtask.completed
-                                                            "
-                                                            [color]="
-                                                                sub_subtask.color
-                                                            "
-                                                            [disabled]="
-                                                                subtask.disabled
-                                                            "
-                                                            (ngModelChange)="
-                                                                updateAllComplete()
-                                                            "
+                                                            [(ngModel)]="sub_subtask.completed"
+                                                            [color]="sub_subtask.color"
+                                                            [disabled]="subtask.disabled"
+                                                            (ngModelChange)="updateAllComplete()"
                                                         >
-                                                            {{
-                                                                sub_subtask.name
-                                                            }}
+                                                            {{ sub_subtask.name }}
                                                         </mat-checkbox>
                                                     </li>
                                                 </ul>
@@ -97,12 +60,7 @@ <h3 class="search-result-container__navbar__title">
                         (selectDatasetEmit)="onSelectDataset($event)"
                     ></app-dataset-list>
 
-                    <ng-template
-                        [ngIf]="
-                            tableData.tableSource.length > 0 &&
-                            tableData.pageInfo
-                        "
-                    >
+                    <ng-template [ngIf]="tableData.tableSource.length > 0 && tableData.pageInfo">
                         <app-pagination
                             [currentPage]="currentPage"
                             [pageInfo]="tableData.pageInfo"
diff --git a/src/app/search/search.component.spec.ts b/src/app/search/search.component.spec.ts
index ca33b5dff..aebd778aa 100644
--- a/src/app/search/search.component.spec.ts
+++ b/src/app/search/search.component.spec.ts
@@ -24,11 +24,7 @@ import { MatCheckboxModule } from "@angular/material/checkbox";
 import { DatasetListComponent } from "../components/dataset-list-component/dataset-list.component";
 import { FormsModule } from "@angular/forms";
 import { DatasetListItemComponent } from "../components/dataset-list-item/dataset-list-item.component";
-import {
-    NgbPaginationModule,
-    NgbPopoverModule,
-    NgbRatingModule,
-} from "@ng-bootstrap/ng-bootstrap";
+import { NgbPaginationModule, NgbPopoverModule, NgbRatingModule } from "@ng-bootstrap/ng-bootstrap";
 import { DisplayTimeModule } from "../components/display-time/display-time.module";
 import { MatIconModule } from "@angular/material/icon";
 import { PaginationComponent } from "../components/pagination-component/pagination.component";
@@ -46,12 +42,7 @@ describe("SearchComponent", () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                SearchComponent,
-                DatasetListComponent,
-                DatasetListItemComponent,
-                PaginationComponent,
-            ],
+            declarations: [SearchComponent, DatasetListComponent, DatasetListItemComponent, PaginationComponent],
             imports: [
                 ApolloTestingModule,
                 RouterTestingModule,
@@ -79,36 +70,20 @@ describe("SearchComponent", () => {
 
     function setSearchUrl(searchQuery?: string, page?: number): void {
         if (searchQuery) {
-            activeRouteMockQueryParamMap.set(
-                ProjectLinks.URL_QUERY_PARAM_QUERY,
-                searchQuery,
-            );
-        } else if (
-            activeRouteMockQueryParamMap.has(ProjectLinks.URL_QUERY_PARAM_QUERY)
-        ) {
-            activeRouteMockQueryParamMap.delete(
-                ProjectLinks.URL_QUERY_PARAM_QUERY,
-            );
+            activeRouteMockQueryParamMap.set(ProjectLinks.URL_QUERY_PARAM_QUERY, searchQuery);
+        } else if (activeRouteMockQueryParamMap.has(ProjectLinks.URL_QUERY_PARAM_QUERY)) {
+            activeRouteMockQueryParamMap.delete(ProjectLinks.URL_QUERY_PARAM_QUERY);
         }
 
         if (page) {
-            activeRouteMockQueryParamMap.set(
-                ProjectLinks.URL_QUERY_PARAM_PAGE,
-                page.toString(),
-            );
-        } else if (
-            activeRouteMockQueryParamMap.has(ProjectLinks.URL_QUERY_PARAM_PAGE)
-        ) {
-            activeRouteMockQueryParamMap.delete(
-                ProjectLinks.URL_QUERY_PARAM_PAGE,
-            );
+            activeRouteMockQueryParamMap.set(ProjectLinks.URL_QUERY_PARAM_PAGE, page.toString());
+        } else if (activeRouteMockQueryParamMap.has(ProjectLinks.URL_QUERY_PARAM_PAGE)) {
+            activeRouteMockQueryParamMap.delete(ProjectLinks.URL_QUERY_PARAM_PAGE);
         }
     }
 
     function pushNavigationEnd(): void {
-        routerMockEventSubject.next(
-            new NavigationEnd(1, ProjectLinks.URL_SEARCH, ""),
-        );
+        routerMockEventSubject.next(new NavigationEnd(1, ProjectLinks.URL_SEARCH, ""));
     }
 
     beforeEach(() => {
@@ -188,48 +163,31 @@ describe("SearchComponent", () => {
         const testCurrentPage = 2;
         component.searchValue = testSearchValue;
         fixture.detectChanges();
-        const navigationServiceSpy = spyOn(
-            navigationService,
-            "navigateToSearch",
-        );
+        const navigationServiceSpy = spyOn(navigationService, "navigateToSearch");
         component.onPageChange(testCurrentPage);
         expect(component.currentPage).toBe(testCurrentPage);
-        expect(navigationServiceSpy).toHaveBeenCalledWith(
-            testSearchValue,
-            testCurrentPage,
-        );
+        expect(navigationServiceSpy).toHaveBeenCalledWith(testSearchValue, testCurrentPage);
     });
 
     it("should check onPageChange method when page equal 0", () => {
         const testSearchValue = "test";
         component.searchValue = testSearchValue;
         fixture.detectChanges();
-        const navigationServiceSpy = spyOn(
-            navigationService,
-            "navigateToSearch",
-        );
+        const navigationServiceSpy = spyOn(navigationService, "navigateToSearch");
         component.onPageChange(0);
         expect(component.currentPage).toBe(1);
         expect(navigationServiceSpy).toHaveBeenCalledWith(testSearchValue);
     });
 
     it("should check search results update the dataset table", () => {
-        spyOn(searchApi, "overviewDatasetSearch").and.returnValue(
-            of(mockSearchOverviewResponse),
-        );
+        spyOn(searchApi, "overviewDatasetSearch").and.returnValue(of(mockSearchOverviewResponse));
 
         const testSearchQuery = "test";
         searchService.searchDatasets(testSearchQuery);
 
-        expect(component.tableData.pageInfo).toEqual(
-            mockSearchOverviewResponse.search.query.pageInfo,
-        );
-        expect(component.tableData.totalCount).toEqual(
-            mockSearchOverviewResponse.search.query.totalCount,
-        );
-        expect(component.tableData.tableSource).toEqual(
-            mockSearchOverviewResponse.search.query.nodes,
-        );
+        expect(component.tableData.pageInfo).toEqual(mockSearchOverviewResponse.search.query.pageInfo);
+        expect(component.tableData.totalCount).toEqual(mockSearchOverviewResponse.search.query.totalCount);
+        expect(component.tableData.tableSource).toEqual(mockSearchOverviewResponse.search.query.nodes);
 
         fixture.detectChanges();
     });
diff --git a/src/app/search/search.component.ts b/src/app/search/search.component.ts
index 9b313dfc3..8ea4d9cce 100644
--- a/src/app/search/search.component.ts
+++ b/src/app/search/search.component.ts
@@ -1,21 +1,10 @@
 import { NavigationEnd, Router, RouterEvent } from "@angular/router";
 import { SearchService } from "./search.service";
-import {
-    DatasetSearchResult,
-    SearchFilters,
-} from "../interface/search.interface";
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    OnInit,
-} from "@angular/core";
+import { DatasetSearchResult, SearchFilters } from "../interface/search.interface";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from "@angular/core";
 import { BaseComponent } from "../common/base.component";
 import { NavigationService } from "../services/navigation.service";
-import {
-    DatasetSearchOverviewFragment,
-    PageBasedInfo,
-} from "../api/kamu.graphql.interface";
+import { DatasetSearchOverviewFragment, PageBasedInfo } from "../api/kamu.graphql.interface";
 import { DatasetInfo } from "../interface/navigation.interface";
 import { requireValue } from "../common/app.helpers";
 import ProjectLinks from "../project-links";
@@ -161,31 +150,25 @@ export class SearchComponent extends BaseComponent implements OnInit {
                 )
                 .subscribe(() => this.changePageAndSearch()),
 
-            this.searchService.onOverviewSearchChanges.subscribe(
-                (data: DatasetSearchResult) => {
-                    this.tableData.tableSource = data.datasets;
-                    this.tableData.pageInfo = data.pageInfo;
-                    this.tableData.totalCount = data.totalCount;
-                    this.cdr.markForCheck();
-                },
-            ),
+            this.searchService.onOverviewSearchChanges.subscribe((data: DatasetSearchResult) => {
+                this.tableData.tableSource = data.datasets;
+                this.tableData.pageInfo = data.pageInfo;
+                this.tableData.totalCount = data.totalCount;
+                this.cdr.markForCheck();
+            }),
         );
     }
 
     private changePageAndSearch(): void {
         let queryValue = "";
-        const queryParam = this.activatedRoute.snapshot.queryParamMap.get(
-            ProjectLinks.URL_QUERY_PARAM_QUERY,
-        );
+        const queryParam = this.activatedRoute.snapshot.queryParamMap.get(ProjectLinks.URL_QUERY_PARAM_QUERY);
         if (queryParam) {
             queryValue = requireValue(queryParam);
         }
         this.searchValue = queryValue;
 
         let page = 1;
-        const pageParam = this.activatedRoute.snapshot.queryParamMap.get(
-            ProjectLinks.URL_QUERY_PARAM_PAGE,
-        );
+        const pageParam = this.activatedRoute.snapshot.queryParamMap.get(ProjectLinks.URL_QUERY_PARAM_PAGE);
         if (pageParam) {
             page = +requireValue(pageParam);
         }
@@ -228,15 +211,10 @@ export class SearchComponent extends BaseComponent implements OnInit {
     }
 
     private onSearchDatasets(): void {
-        this.searchService.searchDatasets(
-            this.searchValue,
-            this.currentPage - 1,
-        );
+        this.searchService.searchDatasets(this.searchValue, this.currentPage - 1);
     }
 
     public updateAllComplete() {
-        this.allComplete = this.filters.every((t) =>
-            t.subtasks?.every((sub) => sub.completed),
-        );
+        this.allComplete = this.filters.every((t) => t.subtasks?.every((sub) => sub.completed));
     }
 }
diff --git a/src/app/search/search.service.spec.ts b/src/app/search/search.service.spec.ts
index 5b558633a..6ec88970a 100644
--- a/src/app/search/search.service.spec.ts
+++ b/src/app/search/search.service.spec.ts
@@ -2,14 +2,8 @@ import { Apollo } from "apollo-angular";
 import { SearchApi } from "./../api/search.api";
 import { TestBed } from "@angular/core/testing";
 import { SearchService } from "./search.service";
-import {
-    DatasetAutocompleteItem,
-    DatasetSearchResult,
-} from "../interface/search.interface";
-import {
-    mockAutocompleteItems,
-    mockSearchDatasetOverviewQuery,
-} from "./mock.data";
+import { DatasetAutocompleteItem, DatasetSearchResult } from "../interface/search.interface";
+import { mockAutocompleteItems, mockSearchDatasetOverviewQuery } from "./mock.data";
 import { of, throwError } from "rxjs";
 import { first } from "rxjs/operators";
 
@@ -30,21 +24,17 @@ describe("SearchService", () => {
     });
 
     it("should fire overviewSearchChanges$ on search request", () => {
-        const searchApiOverviewDataSearchSpy = spyOn(
-            searchApi,
-            "overviewDatasetSearch",
-        ).and.returnValue(of(mockSearchDatasetOverviewQuery));
+        const searchApiOverviewDataSearchSpy = spyOn(searchApi, "overviewDatasetSearch").and.returnValue(
+            of(mockSearchDatasetOverviewQuery),
+        );
 
         const subscription$ = service.onOverviewSearchChanges
             .pipe(first())
             .subscribe((searchResult: DatasetSearchResult) => {
                 const expectedSearchData: DatasetSearchResult = {
-                    datasets: [
-                        mockSearchDatasetOverviewQuery.search.query.nodes[0],
-                    ],
+                    datasets: [mockSearchDatasetOverviewQuery.search.query.nodes[0]],
                     totalCount: 1,
-                    pageInfo:
-                        mockSearchDatasetOverviewQuery.search.query.pageInfo,
+                    pageInfo: mockSearchDatasetOverviewQuery.search.query.pageInfo,
                     currentPage: 1,
                 };
                 expect(searchResult).toEqual(expectedSearchData);
@@ -53,18 +43,14 @@ describe("SearchService", () => {
         const testSearchValue = "test";
         service.searchDatasets(testSearchValue);
 
-        expect(searchApiOverviewDataSearchSpy).toHaveBeenCalledWith(
-            testSearchValue,
-            0,
-        );
+        expect(searchApiOverviewDataSearchSpy).toHaveBeenCalledWith(testSearchValue, 0);
         expect(subscription$.closed).toBeTrue();
     });
 
     it("should fire autocompleteSearchChanges$ on autocomplete request", () => {
-        const searchApiAutocompleteDatasetSearchSpy = spyOn(
-            searchApi,
-            "autocompleteDatasetSearch",
-        ).and.returnValue(of(mockAutocompleteItems));
+        const searchApiAutocompleteDatasetSearchSpy = spyOn(searchApi, "autocompleteDatasetSearch").and.returnValue(
+            of(mockAutocompleteItems),
+        );
 
         const subscription$ = service.onAutocompleteSearchChanges
             .pipe(first())
@@ -75,17 +61,14 @@ describe("SearchService", () => {
         const testAutoCompleteValue = "test";
         service.autocompleteDatasetSearch(testAutoCompleteValue);
 
-        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(
-            testAutoCompleteValue,
-        );
+        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(testAutoCompleteValue);
         expect(subscription$.closed).toBeTrue();
     });
 
     it("should fire autocompleteSearchChanges$ with empty collection on autocomplete request failure", () => {
-        const searchApiAutocompleteDatasetSearchSpy = spyOn(
-            searchApi,
-            "autocompleteDatasetSearch",
-        ).and.returnValue(throwError("some error"));
+        const searchApiAutocompleteDatasetSearchSpy = spyOn(searchApi, "autocompleteDatasetSearch").and.returnValue(
+            throwError("some error"),
+        );
 
         const subscription$ = service.onAutocompleteSearchChanges
             .pipe(first())
@@ -96,9 +79,7 @@ describe("SearchService", () => {
         const testAutoCompleteValue = "test";
         service.autocompleteDatasetSearch(testAutoCompleteValue);
 
-        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(
-            testAutoCompleteValue,
-        );
+        expect(searchApiAutocompleteDatasetSearchSpy).toHaveBeenCalledWith(testAutoCompleteValue);
         expect(subscription$.closed).toBeTrue();
     });
 });
diff --git a/src/app/search/search.service.ts b/src/app/search/search.service.ts
index 8dd6af3a3..428567c60 100644
--- a/src/app/search/search.service.ts
+++ b/src/app/search/search.service.ts
@@ -1,21 +1,13 @@
 import { Injectable } from "@angular/core";
 import { Observable, Subject } from "rxjs";
 import { SearchApi } from "../api/search.api";
-import {
-    DatasetAutocompleteItem,
-    DatasetSearchResult,
-} from "../interface/search.interface";
-import {
-    DatasetSearchOverviewFragment,
-    SearchDatasetsOverviewQuery,
-} from "../api/kamu.graphql.interface";
+import { DatasetAutocompleteItem, DatasetSearchResult } from "../interface/search.interface";
+import { DatasetSearchOverviewFragment, SearchDatasetsOverviewQuery } from "../api/kamu.graphql.interface";
 
 @Injectable({ providedIn: "root" })
 export class SearchService {
-    private overviewSearchChanges$: Subject<DatasetSearchResult> =
-        new Subject<DatasetSearchResult>();
-    private autocompleteSearchChanges$: Subject<DatasetAutocompleteItem[]> =
-        new Subject<DatasetAutocompleteItem[]>();
+    private overviewSearchChanges$: Subject<DatasetSearchResult> = new Subject<DatasetSearchResult>();
+    private autocompleteSearchChanges$: Subject<DatasetAutocompleteItem[]> = new Subject<DatasetAutocompleteItem[]>();
 
     constructor(private searchApi: SearchApi) {}
 
@@ -27,34 +19,27 @@ export class SearchService {
         return this.overviewSearchChanges$.asObservable();
     }
 
-    private autocompleteSearchChanges(
-        autocompleteData: DatasetAutocompleteItem[],
-    ) {
+    private autocompleteSearchChanges(autocompleteData: DatasetAutocompleteItem[]) {
         this.autocompleteSearchChanges$.next(autocompleteData);
     }
 
-    public get onAutocompleteSearchChanges(): Observable<
-        DatasetAutocompleteItem[]
-    > {
+    public get onAutocompleteSearchChanges(): Observable<DatasetAutocompleteItem[]> {
         return this.autocompleteSearchChanges$.asObservable();
     }
 
     public searchDatasets(searchQuery: string, page = 0): void {
-        this.searchApi
-            .overviewDatasetSearch(searchQuery, page)
-            .subscribe((data: SearchDatasetsOverviewQuery) => {
-                const datasets: DatasetSearchOverviewFragment[] =
-                    data.search.query.nodes;
-                const pageInfo = data.search.query.pageInfo;
-                const totalCount: number = data.search.query.totalCount;
-
-                this.overviewSearchChanges({
-                    datasets,
-                    pageInfo,
-                    totalCount,
-                    currentPage: page + 1,
-                });
+        this.searchApi.overviewDatasetSearch(searchQuery, page).subscribe((data: SearchDatasetsOverviewQuery) => {
+            const datasets: DatasetSearchOverviewFragment[] = data.search.query.nodes;
+            const pageInfo = data.search.query.pageInfo;
+            const totalCount: number = data.search.query.totalCount;
+
+            this.overviewSearchChanges({
+                datasets,
+                pageInfo,
+                totalCount,
+                currentPage: page + 1,
             });
+        });
     }
 
     public autocompleteDatasetSearch(searchQuery: string): void {
diff --git a/src/app/services/account.service.ts b/src/app/services/account.service.ts
index 91bebd154..73beb64d7 100644
--- a/src/app/services/account.service.ts
+++ b/src/app/services/account.service.ts
@@ -11,13 +11,9 @@ import { map } from "rxjs/operators";
     providedIn: "root",
 })
 export class AccountService {
-    constructor(
-        private datasetApi: DatasetApi,
-        private accountApi: AccountApi,
-    ) {}
+    constructor(private datasetApi: DatasetApi, private accountApi: AccountApi) {}
 
-    private datasetsChanges$: Subject<DatasetsAccountResponse> =
-        new Subject<DatasetsAccountResponse>();
+    private datasetsChanges$: Subject<DatasetsAccountResponse> = new Subject<DatasetsAccountResponse>();
 
     public get onDatasetsChanges(): Observable<DatasetsAccountResponse> {
         return this.datasetsChanges$.asObservable();
@@ -27,24 +23,18 @@ export class AccountService {
         this.datasetsChanges$.next(datasetsInfo);
     }
 
-    public getDatasetsByAccountName(
-        name: string,
-        page: number,
-    ): Observable<void> {
+    public getDatasetsByAccountName(name: string, page: number): Observable<void> {
         return this.datasetApi.fetchDatasetsByAccountName(name, page).pipe(
             map((data: DatasetsByAccountNameQuery) => {
                 const datasets = data.datasets.byAccountName.nodes;
                 const pageInfo = data.datasets.byAccountName.pageInfo;
-                const datasetTotalCount =
-                    data.datasets.byAccountName.totalCount;
+                const datasetTotalCount = data.datasets.byAccountName.totalCount;
                 this.datasetsChanges({ datasets, pageInfo, datasetTotalCount });
             }),
         );
     }
 
-    public getAccountInfoByName(
-        name: string,
-    ): Observable<AccountDetailsFragment> {
+    public getAccountInfoByName(name: string): Observable<AccountDetailsFragment> {
         return this.accountApi.getAccountInfoByName(name);
     }
 }
diff --git a/src/app/services/error-handler.service.spec.ts b/src/app/services/error-handler.service.spec.ts
index 593eacef4..4d4293c9b 100644
--- a/src/app/services/error-handler.service.spec.ts
+++ b/src/app/services/error-handler.service.spec.ts
@@ -1,11 +1,6 @@
 import { ErrorTexts } from "../common/errors.text";
 import { ApolloError } from "@apollo/client/core";
-import {
-    AuthenticationError,
-    DatasetNotFoundError,
-    InvalidSqlError,
-    SqlExecutionError,
-} from "../common/errors";
+import { AuthenticationError, DatasetNotFoundError, InvalidSqlError, SqlExecutionError } from "../common/errors";
 import { ModalService } from "../components/modal/modal.service";
 import { TestBed } from "@angular/core/testing";
 import { ErrorHandlerService } from "./error-handler.service";
@@ -25,11 +20,7 @@ describe("ErrorHandlerService", () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            providers: [
-                ModalService,
-                NavigationService,
-                { provide: AuthApi, useValue: authApiMock },
-            ],
+            providers: [ModalService, NavigationService, { provide: AuthApi, useValue: authApiMock }],
         });
         service = TestBed.inject(ErrorHandlerService);
         modalService = TestBed.inject(ModalService);
@@ -41,10 +32,7 @@ describe("ErrorHandlerService", () => {
     });
 
     it("should show modal window when SQL query execution fails", () => {
-        const modalServiceSpy: jasmine.Spy = spyOn(
-            modalService,
-            "error",
-        ).and.callThrough();
+        const modalServiceSpy: jasmine.Spy = spyOn(modalService, "error").and.callThrough();
         service.handleError(new SqlExecutionError());
         expect(modalServiceSpy).toHaveBeenCalledWith(
             jasmine.objectContaining({
@@ -54,10 +42,7 @@ describe("ErrorHandlerService", () => {
     });
 
     it("should show modal window when SQL query execution fails with extra error message", () => {
-        const modalServiceSpy: jasmine.Spy = spyOn(
-            modalService,
-            "error",
-        ).and.callThrough();
+        const modalServiceSpy: jasmine.Spy = spyOn(modalService, "error").and.callThrough();
         const errorText = "executing SQL failed";
         service.handleError(new SqlExecutionError(errorText));
         expect(modalServiceSpy).toHaveBeenCalledWith(
@@ -68,10 +53,7 @@ describe("ErrorHandlerService", () => {
     });
 
     it("should show modal window when SQL query is invalid", () => {
-        const modalServiceSpy: jasmine.Spy = spyOn(
-            modalService,
-            "error",
-        ).and.callThrough();
+        const modalServiceSpy: jasmine.Spy = spyOn(modalService, "error").and.callThrough();
         const errorText = "bad SQL";
         service.handleError(new InvalidSqlError(errorText));
         expect(modalServiceSpy).toHaveBeenCalledWith(
@@ -82,14 +64,8 @@ describe("ErrorHandlerService", () => {
     });
 
     it("should show redirect to 404 page on dataset not found", () => {
-        const modalServiceSpy: jasmine.Spy = spyOn(
-            modalService,
-            "error",
-        ).and.stub();
-        const navigationServiceSpy: jasmine.Spy = spyOn(
-            navigationService,
-            "navigateToPageNotFound",
-        ).and.stub();
+        const modalServiceSpy: jasmine.Spy = spyOn(modalService, "error").and.stub();
+        const navigationServiceSpy: jasmine.Spy = spyOn(navigationService, "navigateToPageNotFound").and.stub();
         navigationService.navigateToPageNotFound();
         service.handleError(new DatasetNotFoundError());
         expect(modalServiceSpy).not.toHaveBeenCalled();
@@ -98,10 +74,7 @@ describe("ErrorHandlerService", () => {
 
     it("should show modal window when connection was lost", () => {
         const mockErrorMessage = "Mock apollo error message";
-        const modalServiceSpy: jasmine.Spy = spyOn(
-            modalService,
-            "error",
-        ).and.callThrough();
+        const modalServiceSpy: jasmine.Spy = spyOn(modalService, "error").and.callThrough();
         service.handleError(
             new ApolloError({
                 errorMessage: mockErrorMessage,
@@ -118,22 +91,14 @@ describe("ErrorHandlerService", () => {
 
     it("should log authentication errors and terminate session", () => {
         const consoleErrorSpy: jasmine.Spy = spyOn(console, "error").and.stub();
-        const authApiTerminateSessionSpy: jasmine.Spy = spyOn(
-            authApiMock,
-            "terminateSession",
-        ).and.stub();
+        const authApiTerminateSessionSpy: jasmine.Spy = spyOn(authApiMock, "terminateSession").and.stub();
         service.handleError(new AuthenticationError([]));
-        expect(consoleErrorSpy).toHaveBeenCalledWith(
-            ErrorTexts.ERROR_UNKNOWN_AUTHENTICATION,
-        );
+        expect(consoleErrorSpy).toHaveBeenCalledWith(ErrorTexts.ERROR_UNKNOWN_AUTHENTICATION);
         expect(authApiTerminateSessionSpy).toHaveBeenCalledWith();
     });
 
     it("should log unknown errors", () => {
-        const modalServiceSpy: jasmine.Spy = spyOn(
-            modalService,
-            "error",
-        ).and.callThrough();
+        const modalServiceSpy: jasmine.Spy = spyOn(modalService, "error").and.callThrough();
         const consoleErrorSpy: jasmine.Spy = spyOn(console, "error").and.stub();
         const unknownError = new Error("Some Unknown Error");
         service.handleError(unknownError);
diff --git a/src/app/services/error-handler.service.ts b/src/app/services/error-handler.service.ts
index cd12ac7e9..2f5268d4a 100644
--- a/src/app/services/error-handler.service.ts
+++ b/src/app/services/error-handler.service.ts
@@ -1,8 +1,4 @@
-import {
-    CustomApolloError,
-    KamuError,
-    KamuErrorHandler,
-} from "../common/errors";
+import { CustomApolloError, KamuError, KamuErrorHandler } from "../common/errors";
 import { NavigationService } from "src/app/services/navigation.service";
 import { ErrorHandler, Injectable, NgZone } from "@angular/core";
 import { ModalService } from "../components/modal/modal.service";
@@ -14,11 +10,7 @@ import { AuthApi } from "../api/auth.api";
     providedIn: "root",
 })
 export class ErrorHandlerService implements ErrorHandler {
-    private kamuHandlerError = new KamuErrorHandler(
-        this.navigationService,
-        this.modalService,
-        this.authApi,
-    );
+    private kamuHandlerError = new KamuErrorHandler(this.navigationService, this.modalService, this.authApi);
 
     constructor(
         private modalService: ModalService,
diff --git a/src/app/services/navigation.service.spec.ts b/src/app/services/navigation.service.spec.ts
index 74fb649ef..66c31c4ef 100644
--- a/src/app/services/navigation.service.spec.ts
+++ b/src/app/services/navigation.service.spec.ts
@@ -5,10 +5,7 @@ import { RouterTestingModule } from "@angular/router/testing";
 import { TestBed } from "@angular/core/testing";
 import { NavigationService } from "./navigation.service";
 import ProjectLinks from "../project-links";
-import {
-    DatasetNavigationParams,
-    MetadataBlockNavigationParams,
-} from "../interface/navigation.interface";
+import { DatasetNavigationParams, MetadataBlockNavigationParams } from "../interface/navigation.interface";
 import { Router } from "@angular/router";
 
 describe("NavigationService", () => {
@@ -46,10 +43,7 @@ describe("NavigationService", () => {
     it("should test navigate to settings", () => {
         const routerSpy = spyOn(router, "navigate").and.resolveTo(true);
         service.navigateToSettings();
-        expect(routerSpy).toHaveBeenCalledWith([
-            ProjectLinks.URL_SETTINGS,
-            SettingsTabs.PROFILE,
-        ]);
+        expect(routerSpy).toHaveBeenCalledWith([ProjectLinks.URL_SETTINGS, SettingsTabs.PROFILE]);
     });
 
     it("should test navigate to metadata block", () => {
@@ -85,11 +79,7 @@ describe("NavigationService", () => {
         const mockOwnerName = "Mock name";
         const testPage = 2;
         const routerSpy = spyOn(router, "navigate").and.callThrough();
-        service.navigateToOwnerView(
-            mockOwnerName,
-            AccountTabs.datasets,
-            testPage,
-        );
+        service.navigateToOwnerView(mockOwnerName, AccountTabs.datasets, testPage);
         expect(routerSpy).toHaveBeenCalledWith([mockOwnerName], {
             queryParams: { tab: AccountTabs.datasets, page: testPage },
         });
@@ -142,9 +132,7 @@ describe("NavigationService", () => {
     it("should test navigate to dataset create", () => {
         const routerSpy = spyOn(router, "navigate").and.callThrough();
         service.navigateToDatasetCreate();
-        expect(routerSpy).toHaveBeenCalledWith([
-            ProjectLinks.URL_DATASET_CREATE,
-        ]);
+        expect(routerSpy).toHaveBeenCalledWith([ProjectLinks.URL_DATASET_CREATE]);
     });
 
     it("should test navigate to dataset view to first page", () => {
@@ -156,10 +144,10 @@ describe("NavigationService", () => {
         };
         const routerSpy = spyOn(router, "navigate").and.callThrough();
         service.navigateToDatasetView(mockParams);
-        expect(routerSpy).toHaveBeenCalledWith(
-            [mockParams.accountName, mockParams.datasetName],
-            { queryParams: { tab: mockParams.tab }, state: undefined },
-        );
+        expect(routerSpy).toHaveBeenCalledWith([mockParams.accountName, mockParams.datasetName], {
+            queryParams: { tab: mockParams.tab },
+            state: undefined,
+        });
     });
 
     it("should test navigate to dataset view to second page", () => {
@@ -171,23 +159,17 @@ describe("NavigationService", () => {
         };
         const routerSpy = spyOn(router, "navigate").and.callThrough();
         service.navigateToDatasetView(mockParams);
-        expect(routerSpy).toHaveBeenCalledWith(
-            [mockParams.accountName, mockParams.datasetName],
-            {
-                queryParams: { tab: mockParams.tab, page: mockParams.page },
-                state: undefined,
-            },
-        );
+        expect(routerSpy).toHaveBeenCalledWith([mockParams.accountName, mockParams.datasetName], {
+            queryParams: { tab: mockParams.tab, page: mockParams.page },
+            state: undefined,
+        });
     });
 
     it("should test navigate to page not found view", () => {
         const routerSpy = spyOn(router, "navigate").and.callThrough();
         service.navigateToPageNotFound();
-        expect(routerSpy).toHaveBeenCalledWith(
-            [ProjectLinks.URL_PAGE_NOT_FOUND],
-            {
-                skipLocationChange: true,
-            },
-        );
+        expect(routerSpy).toHaveBeenCalledWith([ProjectLinks.URL_PAGE_NOT_FOUND], {
+            skipLocationChange: true,
+        });
     });
 });
diff --git a/src/app/services/navigation.service.ts b/src/app/services/navigation.service.ts
index aa24214fc..f626c2967 100644
--- a/src/app/services/navigation.service.ts
+++ b/src/app/services/navigation.service.ts
@@ -3,10 +3,7 @@ import { AccountTabs } from "./../auth/account/account.constants";
 import { promiseWithCatch } from "src/app/common/app.helpers";
 import { Injectable } from "@angular/core";
 import { Router } from "@angular/router";
-import {
-    DatasetNavigationParams,
-    MetadataBlockNavigationParams,
-} from "../interface/navigation.interface";
+import { DatasetNavigationParams, MetadataBlockNavigationParams } from "../interface/navigation.interface";
 import ProjectLinks from "../project-links";
 
 @Injectable({ providedIn: "root" })
@@ -22,70 +19,40 @@ export class NavigationService {
     }
 
     public navigateToSearch(query?: string, page?: number): void {
-        const queryParams = query
-            ? page
-                ? { query, page }
-                : { query }
-            : page
-            ? { page }
-            : {};
-        promiseWithCatch(
-            this.router.navigate([ProjectLinks.URL_SEARCH], { queryParams }),
-        );
+        const queryParams = query ? (page ? { query, page } : { query }) : page ? { page } : {};
+        promiseWithCatch(this.router.navigate([ProjectLinks.URL_SEARCH], { queryParams }));
     }
 
     public navigateToDatasetCreate(): void {
-        promiseWithCatch(
-            this.router.navigate([ProjectLinks.URL_DATASET_CREATE]),
-        );
+        promiseWithCatch(this.router.navigate([ProjectLinks.URL_DATASET_CREATE]));
     }
 
     public navigateToSettings(): void {
-        promiseWithCatch(
-            this.router.navigate([ProjectLinks.URL_SETTINGS, "profile"]),
-        );
+        promiseWithCatch(this.router.navigate([ProjectLinks.URL_SETTINGS, "profile"]));
     }
 
-    public navigateToMetadataBlock(
-        params: MetadataBlockNavigationParams,
-    ): void {
+    public navigateToMetadataBlock(params: MetadataBlockNavigationParams): void {
         promiseWithCatch(
-            this.router.navigate([
-                params.accountName,
-                params.datasetName,
-                ProjectLinks.URL_BLOCK,
-                params.blockHash,
-            ]),
+            this.router.navigate([params.accountName, params.datasetName, ProjectLinks.URL_BLOCK, params.blockHash]),
         );
     }
 
     public navigateToAddPollingSource(params: DatasetInfo): void {
         promiseWithCatch(
-            this.router.navigate([
-                params.accountName,
-                params.datasetName,
-                ProjectLinks.URL_PARAM_ADD_POLLING_SOURCE,
-            ]),
+            this.router.navigate([params.accountName, params.datasetName, ProjectLinks.URL_PARAM_ADD_POLLING_SOURCE]),
         );
     }
 
     public navigateToSetTransform(params: DatasetInfo): void {
         promiseWithCatch(
-            this.router.navigate([
-                params.accountName,
-                params.datasetName,
-                ProjectLinks.URL_PARAM_SET_TRANSFORM,
-            ]),
+            this.router.navigate([params.accountName, params.datasetName, ProjectLinks.URL_PARAM_SET_TRANSFORM]),
         );
     }
 
     public navigateToDatasetView(params: DatasetNavigationParams): void {
         promiseWithCatch(
             this.router.navigate([params.accountName, params.datasetName], {
-                queryParams:
-                    params.page === 1
-                        ? { tab: params.tab }
-                        : { tab: params.tab, page: params.page },
+                queryParams: params.page === 1 ? { tab: params.tab } : { tab: params.tab, page: params.page },
                 state: params.state,
             }),
         );
@@ -95,11 +62,7 @@ export class NavigationService {
         promiseWithCatch(this.router.navigate([ProjectLinks.URL_LOGIN]));
     }
 
-    public navigateToOwnerView(
-        ownerName: string,
-        tab?: string,
-        page?: number,
-    ): void {
+    public navigateToOwnerView(ownerName: string, tab?: string, page?: number): void {
         promiseWithCatch(
             this.router.navigate([ownerName], {
                 queryParams: tab !== AccountTabs.overview ? { tab, page } : {},
diff --git a/src/app/services/templates-yaml-events.service.spec.ts b/src/app/services/templates-yaml-events.service.spec.ts
index f787da004..5bad5c5a9 100644
--- a/src/app/services/templates-yaml-events.service.spec.ts
+++ b/src/app/services/templates-yaml-events.service.spec.ts
@@ -15,9 +15,7 @@ describe("TemplatesYamlEventsService", () => {
     });
 
     it("should check call buildYamlSetInfoEvent()", () => {
-        const result = service.buildYamlSetInfoEvent("mock description", [
-            "mock-keyword",
-        ]);
+        const result = service.buildYamlSetInfoEvent("mock description", ["mock-keyword"]);
         expect(result).toBe(
             "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setInfo\n" +
                 `  description: mock description\n` +
diff --git a/src/app/services/templates-yaml-events.service.ts b/src/app/services/templates-yaml-events.service.ts
index 3f19f27e2..36c305717 100644
--- a/src/app/services/templates-yaml-events.service.ts
+++ b/src/app/services/templates-yaml-events.service.ts
@@ -1,8 +1,4 @@
-import {
-    SetLicense,
-    SetPollingSource,
-    SetTransform,
-} from "./../api/kamu.graphql.interface";
+import { SetLicense, SetPollingSource, SetTransform } from "./../api/kamu.graphql.interface";
 import { Injectable } from "@angular/core";
 import { MaybeNull } from "../common/app.types";
 import { stringify } from "yaml";
@@ -15,12 +11,9 @@ import {
     providedIn: "root",
 })
 export class TemplatesYamlEventsService {
-    private readonly initialSetInfoTemplate =
-        "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setInfo\n";
-    private readonly initialSetLicenseTemplate =
-        "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setLicense\n";
-    private readonly initialSetWatermarkTemplate =
-        "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setWatermark\n";
+    private readonly initialSetInfoTemplate = "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setInfo\n";
+    private readonly initialSetLicenseTemplate = "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setLicense\n";
+    private readonly initialSetWatermarkTemplate = "kind: MetadataEvent\nversion: 1\ncontent:\n  kind: setWatermark\n";
 
     private readonly initialTemplate = {
         kind: "MetadataEvent",
@@ -28,24 +21,17 @@ export class TemplatesYamlEventsService {
         content: {},
     };
 
-    public buildYamlSetInfoEvent(
-        description: MaybeNull<string>,
-        keywords: MaybeNull<string[]>,
-    ): string {
+    public buildYamlSetInfoEvent(description: MaybeNull<string>, keywords: MaybeNull<string[]>): string {
         let result = this.initialSetInfoTemplate;
         if (description) result += `  description: ${description}\n`;
         if (keywords?.length) {
             result += `  keywords:\n`;
-            keywords.forEach(
-                (keyword: string) => (result += `    - ${keyword}\n`),
-            );
+            keywords.forEach((keyword: string) => (result += `    - ${keyword}\n`));
         }
         return result;
     }
 
-    public buildYamlSetLicenseEvent(
-        params: Omit<SetLicense, "__typename">,
-    ): string {
+    public buildYamlSetLicenseEvent(params: Omit<SetLicense, "__typename">): string {
         let result = this.initialSetLicenseTemplate;
         result += `  name: ${params.name}\n`;
         result += `  shortName: ${params.shortName}\n`;
@@ -62,10 +48,7 @@ export class TemplatesYamlEventsService {
             kind: "setPollingSource",
             ...params,
         };
-        if (
-            preprocessStepValue?.queries.length &&
-            preprocessStepValue.queries[0].query
-        ) {
+        if (preprocessStepValue?.queries.length && preprocessStepValue.queries[0].query) {
             this.initialTemplate.content = {
                 ...this.initialTemplate.content,
                 preprocess: {
@@ -78,9 +61,7 @@ export class TemplatesYamlEventsService {
         return stringify(this.initialTemplate);
     }
 
-    public buildYamlSetTransformEvent(
-        params: Omit<SetTransform, "__typename">,
-    ): string {
+    public buildYamlSetTransformEvent(params: Omit<SetTransform, "__typename">): string {
         this.initialTemplate.content = {
             kind: "setTransform",
             ...params,
diff --git a/src/index.html b/src/index.html
index 74f85102f..ece0f407a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -11,17 +11,11 @@
             href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&amp;display=swap"
             rel="stylesheet"
         />
-        <link
-            href="https://fonts.googleapis.com/icon?family=Material+Icons"
-            rel="stylesheet"
-        />
+        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
         <meta name="theme-color" content="#1976d2" />
     </head>
     <body class="mat-typography mat-app-background">
         <app-root></app-root>
-        <noscript
-            >Please enable JavaScript to continue using this
-            application.</noscript
-        >
+        <noscript>Please enable JavaScript to continue using this application.</noscript>
     </body>
 </html>
diff --git a/src/test.ts b/src/test.ts
index fd0f7b5a4..8d8a70433 100644
--- a/src/test.ts
+++ b/src/test.ts
@@ -2,10 +2,7 @@
 
 import "zone.js/testing";
 import { getTestBed } from "@angular/core/testing";
-import {
-    BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting,
-} from "@angular/platform-browser-dynamic/testing";
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from "@angular/platform-browser-dynamic/testing";
 
 declare const require: {
     context(
@@ -19,11 +16,9 @@ declare const require: {
 };
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-    BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting(),
-    { teardown: { destroyAfterEach: true } },
-);
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: true },
+});
 
 // Then we find all the tests.
 const context = require.context("./", true, /\.spec\.ts$/);