fix: correct logo Alignment in Sponsor Section (#7568)

Author: saurabh007007

src/components/Support/Support.jsx

@@ -173,10 +173,10 @@ export default class Support extends Component {
           {rank === 'backer'
             ? 'Backers'
             : rank === 'latest'
-            ? 'Latest Sponsors'
-            : `${rank[0].toUpperCase()}${rank.slice(1)} ${
-                type === 'monthly' ? 'Monthly ' : ''
-              }Sponsors`}
+              ? 'Latest Sponsors'
+              : `${rank[0].toUpperCase()}${rank.slice(1)} ${
+                  type === 'monthly' ? 'Monthly ' : ''
+                }Sponsors`}
         </h2>
         <VisibilitySensor
           delayedCall
@@ -240,7 +240,7 @@ export default class Support extends Component {
               >
                 {
                   <img
-                    className={`support__${rank}-avatar`}
+                    className={`support__${rank}-avatar support__image`}
                     src={
                       inView && supporter.avatar ? supporter.avatar : SmallIcon
                     }

src/components/Support/Support.scss

@@ -1,5 +1,17 @@
 @import 'functions';
 
+.support__image {
+  width: 100px; /* Default width */
+  height: 100px; /* Default height */
+  object-fit: contain; /* Maintain aspect ratio */
+  border-radius: 10px; /* Rounded corners */
+  background-color: white; /* Fallback background */
+  padding: 3px; /* Spacing */
+
+  /* Responsive adjustments */
+  max-width: 100%;
+}
+
 .support {
   display: flex;
   flex-wrap: wrap;
@@ -58,6 +70,11 @@
 
     @media (min-width: 400px) {
       max-width: 384px;
+      .support__image {
+        width: 60px;
+        height: 60px;
+        padding: 2px;
+      }
     }
   }
 

yarn.lock

@@ -2108,13 +2108,6 @@
     "@octokit/plugin-rest-endpoint-methods" "^13.0.0"
 
 "@octokit/types@^13.0.0", "@octokit/types@^13.5.0":
-  version "13.5.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.5.0.tgz#4796e56b7b267ebc7c921dcec262b3d5bfb18883"
-  integrity sha512-HdqWTf5Z3qwDVlzCrP8UJquMwunpDiMPt5er+QjGzL4hqr/vBVY/MauQgS1xWxCDT1oMx1EULyqxncdCY/NVSQ==
-  dependencies:
-    "@octokit/openapi-types" "^22.2.0"
-
-"@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
   version "13.8.0"
   resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.8.0.tgz#3815885e5abd16ed9ffeea3dced31d37ce3f8a0a"
   integrity sha512-x7DjTIbEpEWXK99DMd01QfWy0hd5h4EN+Q7shkdKds3otGQP+oWE/y0A76i1OvH9fygo4ddvNf7ZvF0t78P98A==