fix: added changelog icon

Author: Kapil Gowru

fern/products/sdks/images/icons/changelog-icon-dark.svg

@@ -14,6 +14,7 @@ description: Generate idiomatic SDKs in multiple programming languages
       border-radius: 0.5rem;
       transition: background-color 0.15s ease-in-out;
       position: relative;
+      height: 2rem;
 
       img {
         flex-shrink: 0;
@@ -23,22 +24,19 @@ description: Generate idiomatic SDKs in multiple programming languages
       }
 
       div {
-        margin-left: 12px;
-        font-size: 16px;
+        font-size: 1rem;
         white-space: nowrap;
         max-width: 0;
         opacity: 0;
         overflow: hidden;
         transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-        display: none;
+        width: 0;
       }
 
       &:hover {
         background-color: var(--grayscale-a3);
-        width: auto;
 
         div {
-          display: block;
           max-width: 200px;
           opacity: 1;
           width: fit-content;
@@ -75,7 +73,8 @@ description: Generate idiomatic SDKs in multiple programming languages
               v<Markdown src="/snippets/version-number-ts.mdx"/>
             </div>
             <div class="changelog-button text-(color:--grayscale-a12) text-body text-base font-light">
-              <img src="./images/icons/changelog-icon.svg" alt="Changelog" className="m-0" noZoom />
+              <img src="./images/icons/changelog-icon.svg" alt="Changelog" className="m-0 dark:hidden" noZoom />
+              <img src="./images/icons/changelog-icon-dark.svg" alt="Changelog" className="m-0 hidden dark:block" noZoom />
               <div class="text-(color:--grayscale-a12) text-body text-base font-light">
                 Changelog
               </div>