Update styles for GitHub link and breadcrumbs in the documentation UI (#3742)

- Increased font size for the GitHub link in the header for better visibility.
- Adjusted font size for breadcrumb links and modified the transform property for breadcrumb home icon.
- Expanded footer section width and updated font size for footer section items for improved layout.

Author: nitzanyiz

docuilib/docusaurus.config.js

@@ -118,7 +118,7 @@ const darkCodeTheme = themes.dracula;
               href: 'https://github.com/wix/react-native-ui-lib',
               position: 'right',
               html: `
-                <div style="display: flex; align-items: center;">
+                <div style="display: flex; align-items: center; font-size: 16px;">
                   <span style="margin-right: 6px;">GitHub</span>
                   <image src="https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/site/externalSmall.png" alt="external link icon" width="17" height="16" />
                 </div>

docuilib/src/css/custom.css

@@ -149,13 +149,15 @@ main {
 
 .breadcrumbs__link {
   color: #4D5963;
+  font-size: 16px;
 }
 .breadcrumbs__item--active .breadcrumbs__link {
   color: #20303C;
   background-color: #FFF;
 }
 .breadcrumbHomeIcon_YNFT {
   color: #20303C;
+  transform: translateY(20%);
 }
 
 /** Custom Footer */
@@ -178,7 +180,7 @@ main {
   margin-bottom: 40px;
 }
 .footer__section {
-  width: 200px;
+  width: 250px;
   display: flex;
 }
 .footer__section__item a {
@@ -188,7 +190,7 @@ main {
 .footer__section__item span {
   margin-right: 4px;
   font-weight: 500;
-  font-size: 14px;
+  font-size: 16px;
   letter-spacing: 0.3px;
   line-height: 38px;
 }