fix: Add New Request CTA alignment in tabs (#6584)

* fix: Add New Request CTA alignment in tabs
- Moved the '+' icon before the chevron to maintain alignment once chevrons appear
- Added padding to the '+' icon for better spacing.

* refactor: streamline New Request button rendering in RequestTabs component

- Simplified the rendering logic for the New Request button by removing unnecessary conditional wrappers.
- Ensured the button remains functional and maintains its styling within the tab layout.

packages/bruno-app/src/components/RequestTabs/index.js

@@ -168,6 +168,14 @@ const RequestTabs = () => {
               </ul>
             </div>
 
+            {activeCollection && (
+              <div className="flex items-center cursor-pointer short-tab px-2" onClick={() => setNewRequestModalOpen(true)}>
+                <IconPlus
+                  size={18}
+                  strokeWidth={1.5}
+                />
+              </div>
+            )}
             <ul role="tablist">
               {showChevrons ? (
                 <li className="select-none short-tab" onClick={rightSlide}>
@@ -176,17 +184,6 @@ const RequestTabs = () => {
                   </div>
                 </li>
               ) : null}
-              <div className="flex items-center cursor-pointer short-tab">
-                {
-                  activeCollection && (
-                    <IconPlus
-                      size={18}
-                      strokeWidth={1.5}
-                      onClick={() => setNewRequestModalOpen(true)}
-                    />
-                  )
-                }
-              </div>
               {/* Moved to post mvp */}
               {/* <li className="select-none new-tab choose-request">
                 <div className="flex items-center">