docs: clean up SCSS styles (#32168)

Removes redundant or unused SCSS rules and improves formatting
for better readability and maintainability.

Author: MeAkib

docs/src/app/pages/component-category-list/component-category-list.scss

@@ -38,17 +38,13 @@
   flex-wrap: wrap;
   padding: 20px 20px 100px;
   justify-content: center;
+  gap: 40px;
 }
 
 .docs-component-category-list-item {
-  display: inline-block;
-  margin: 20px;
-  vertical-align: top;
   width: 280px;
 
   .docs-component-category-list-card-title {
-    align-items: center;
-    display: flex;
     padding: 16px;
     font-size: 20px;
     font-weight: 500;

docs/src/app/pages/homepage/homepage.scss

@@ -58,9 +58,6 @@ a.docs-link:hover {
 }
 
 .docs-homepage-promo {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
   padding: 16px;
   width: 75%;
   max-width: 1080px;