feat(webapp): move New organization to the top of the org switcher

In the Switch organization submenu, New organization now sits above the list of organizations with the divider below it, instead of below the list.

Author: samejr

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -1601,6 +1601,15 @@ function SwitchOrganizations({
           onMouseLeave={handleMouseLeave}
         >
           <div className="flex flex-col gap-1 p-1">
+            <PopoverMenuItem
+              to={newOrganizationPath()}
+              title="New organization"
+              icon={PlusIcon}
+              leadingIconClassName={SIDE_MENU_POPOVER_ITEM_ICON}
+              className={SIDE_MENU_POPOVER_ITEM_LABEL}
+            />
+          </div>
+          <div className="flex flex-col gap-1 border-t border-grid-bright p-1">
             {organizations.map((org) => (
               <PopoverMenuItem
                 key={org.id}
@@ -1613,15 +1622,6 @@ function SwitchOrganizations({
               />
             ))}
           </div>
-          <div className="border-t border-grid-bright p-1">
-            <PopoverMenuItem
-              to={newOrganizationPath()}
-              title="New organization"
-              icon={PlusIcon}
-              leadingIconClassName={SIDE_MENU_POPOVER_ITEM_ICON}
-              className={SIDE_MENU_POPOVER_ITEM_LABEL}
-            />
-          </div>
         </PopoverContent>
       </div>
     </Popover>