Sidebar - Copy this React, Mui Component to your project

Create a modern web dashboard interface for an AI powered networking platform called 'Network.ai'. The layout consists of two main sections: a sidebar on the left and a content area on the right. Sidebar (left side): A light gradient background with minimal shadow. A vertical navigation menu with the following items: 'Connections' 'My Networks' 'Other Networks' 'Recommendations' (Highlighted/selected) 'Settings' 'Group Requests' 'Chat' 'Groups' 'Upgrade to Premium' At the bottom of the sidebar, there’s a large blue button labeled 'New AI Agent'. Main content area (right side): Display a header at the top saying 'Suggested Connections' in bold. Below the header, display a tab navigation bar with the following categories: 'All' (Highlighted/selected) 'Tech' 'Health' 'Climate' The rest of the content area is empty (as in the screenshot). Header (top right corner): On the top right of the page, include two icons: A bell icon for notifications. A message/chat icon. To the right of these icons, show a circular profile image of the user. The entire UI should have a clean, minimalist design with soft, rounded corners and ample white space, following modern design principles. Use subtle shadows and gradients for the elements to give the interface a sense of depth.