refactor: update SidePanelDocumentation and DiscoverCharts to use DocLink component

Author: RohitRaj011

src/components/charts/list/DiscoverCharts.tsx

@@ -753,15 +753,12 @@ const ChartListHeader = ({ charts }) => {
             </h3>
             <p className="mb-0 mt-4 pl-20" data-testid="chart-store-list-subheading">
                 Select chart to deploy. &nbsp;
-                <a
-                    href={getDocumentationUrl({ docLinkKey: 'CHART_GROUP' })}
-                    rel="noreferrer noopener"
-                    target="_blank"
-                    className="dc__link"
-                    data-testid="chart-group-link"
-                >
-                    Learn more about chart groups
-                </a>
+                <DocLink
+                    dataTestId="chart-group-link"
+                    docLinkKey="CHART_GROUP"
+                    text="Learn more about chart groups"
+                    fontWeight="normal"
+                />
             </p>
         </div>
     )
@@ -790,15 +787,12 @@ export const EmptyChartGroup = ({
                     {subTitle || 'Use chart groups to preconfigure and deploy frequently used charts together.'}
                 </div>
                 {!removeLearnMore && (
-                    <a
-                        href={getDocumentationUrl({ docLinkKey: 'CHART_GROUP' })}
-                        rel="noreferrer noopener"
-                        target="_blank"
-                        className="dc__link"
-                        data-testid="chart-group-link"
-                    >
-                        Learn more about chart groups
-                    </a>
+                    <DocLink
+                        dataTestId="chart-group-link"
+                        docLinkKey="CHART_GROUP"
+                        text="Learn more about chart groups"
+                        fontWeight="normal"
+                    />
                 )}
                 {typeof onClickViewChartButton === 'function' ? (
                     <button type="button" onClick={onClickViewChartButton} className="cta ghosted flex mb-24 mt-24">

src/components/common/SidePanel/SidePanel.scss

@@ -12,3 +12,9 @@
         }
     }
 }
+
+.side-panel-documentation {
+    &__header {
+        flex: 0 0 48px;
+    }
+}

src/components/common/SidePanel/SidePanelDocumentation.tsx

@@ -30,7 +30,7 @@ export const SidePanelDocumentation = ({ onClose }: SidePanelDocumentationProps)
 
     return (
         <>
-            <div className="px-16 pt-12 pb-11 border__primary--bottom flex dc__gap-12 dc__no-shrink">
+            <div className="side-panel-documentation__header px-16 pt-12 pb-11 border__primary--bottom flex dc__gap-12">
                 <Icon name="ic-book-open" color="N900" />
                 <h2 className="m-0 fs-16 lh-1-5 fw-6 cn-9 flex-grow-1">Documentation</h2>
                 <div className="flex dc__gap-8">