refactor(sidebar): enhance MobileSidebar and SidebarUserProfile UI

- Updated MobileSidebar to include a right border for improved visual separation.
- Modified SidebarUserProfile to add a relative positioning and a top border for better layout consistency.

surfsense_web/components/layout/ui/sidebar/MobileSidebar.tsx

@@ -176,7 +176,7 @@ export function MobileSidebar({
 				</div>
 
 				{/* Sidebar Content - right side */}
-				<div className="flex-1 overflow-hidden flex flex-col [&>*]:!w-full">
+				<div className="flex-1 overflow-hidden flex flex-col border-r [&>*]:!w-full">
 					<Sidebar
 						workspace={workspace}
 						isCollapsed={false}

surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx

@@ -172,7 +172,7 @@ export function SidebarUserProfile({
 	// Collapsed view - just show avatar with dropdown
 	if (isCollapsed) {
 		return (
-			<div className="w-full border-t px-1.5 py-2">
+			<div className="relative w-full px-1.5 py-2 before:absolute before:inset-x-3 before:top-0 before:h-px before:bg-border">
 				<div className="flex flex-col items-center gap-2">
 					{topContent}
 					{showDownloadCta && (