holdig detail dialog Overview tab created

apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html

@@ -35,6 +35,19 @@
       [symbol]="data.symbol"
     />
 
+    <mat-tab-group
+      animationDuration="0ms"
+      class="mb-5"
+      [mat-stretch-tabs]="false"
+      [ngClass]="{ 'd-none': !dataSource?.data.length }"
+    >
+      <mat-tab>
+        <ng-template mat-tab-label>
+          <ion-icon name="swap-vertical-outline" />
+          <div class="d-none d-sm-block ml-2" i18n>Overview</div>
+        </ng-template>
+        <div class="flex-grow-1" mat-dialog-content>
+          <div class="container p-0">
             <div class="row">
               <div class="col-6 mb-3">
                 <gf-value
@@ -146,13 +159,17 @@
                   size="medium"
                   [isCurrency]="true"
                   [locale]="data.locale"
-          [precision]="investmentInBaseCurrencyWithCurrencyEffectPrecision"
+                  [precision]="
+                    investmentInBaseCurrencyWithCurrencyEffectPrecision
+                  "
                   [unit]="data.baseCurrency"
                   [value]="investmentInBaseCurrencyWithCurrencyEffect"
                   >Investment</gf-value
                 >
               </div>
-      @if (dividendInBaseCurrency && user?.settings?.isExperimentalFeatures) {
+              @if (
+                dividendInBaseCurrency && user?.settings?.isExperimentalFeatures
+              ) {
                 <div class="col-6 mb-3">
                   <gf-value
                     i18n
@@ -212,7 +229,11 @@
               </div>
               <div class="col-6 mb-3"></div>
               <div class="col-6 mb-3">
-        <gf-value i18n size="medium" [hidden]="!assetClass" [value]="assetClass"
+                <gf-value
+                  i18n
+                  size="medium"
+                  [hidden]="!assetClass"
+                  [value]="assetClass"
                   >Asset Class</gf-value
                 >
               </div>
@@ -301,18 +322,16 @@
               @if (dataProviderInfo) {
                 <div class="col-md-12 mb-3 text-center">
                   <hr />
-          <gf-data-provider-credits [dataProviderInfos]="[dataProviderInfo]" />
+                  <gf-data-provider-credits
+                    [dataProviderInfos]="[dataProviderInfo]"
+                  />
                   <hr />
                 </div>
               }
             </div>
-
-    <mat-tab-group
-      animationDuration="0ms"
-      class="mb-5"
-      [mat-stretch-tabs]="false"
-      [ngClass]="{ 'd-none': !dataSource?.data.length }"
-    >
+          </div>
+        </div>
+      </mat-tab>
       <mat-tab>
         <ng-template mat-tab-label>
           <ion-icon name="swap-vertical-outline" />