docs: update header color to #5b42bc and new logo (#5272)

* docs: update header color to #5b42bc and new logo

* Undo hero section background and correctly update header colors in main.html

* fix: update header and tabs background color in home.html and main.html

* Reverted logo change as requested

---------

Co-authored-by: Pritesh Kiri <[email protected]>

Author: Ayushi-Maurya2904

images/new_logo.svg

@@ -114,11 +114,17 @@
         body {
             font-family: 'Inter', sans-serif;
             }
+        .md-header {
+        background-color: #5b42bc;
+    }
+        .md-tabs {
+        background-color: #5b42bc;
+    }
     </style>
 </head>
 
 <!-- Header Section -->
-<div style="margin: 0%;">
+<div style="margin: 0%; ">
     <div class="more_resource_reverse" style="display: flex;">
         <div style="margin: auto;justify-content:start;">
             <h1 class="ex-h1">