refactor: update component structure and improve tooltip content

- Removed unnecessary margin from the ConnectSettings component for cleaner layout.
- Enhanced the Sidebar component's tooltip to include a more descriptive label for editing notification settings, improving user clarity.

web/components/ConnectSettings/ConnectSettings.ce.vue

@@ -123,7 +123,7 @@ const onChange = ({ data }: { data: Record<string, unknown> }) => {
       <div class="text-sm text-end">
         <p v-if="isUpdating">Applying Settings...</p>
       </div>
-      <div class="col-start-2 ml-10 space-y-4 max-w-3xl">
+      <div class="col-start-2 space-y-4 max-w-3xl">
         <BrandButton
           padding="lean"
           size="12px"

web/components/Notifications/Sidebar.vue

@@ -205,7 +205,7 @@ const prepareToViewNotifications = () => {
               "
             />
             <TooltipProvider>
-              <Tooltip>
+              <Tooltip :delay-duration="0">
                 <TooltipTrigger as-child>
                   <a href="/Settings/Notifications">
                     <Button variant="ghost" size="sm" class="h-8 w-8 p-0">
@@ -214,7 +214,7 @@ const prepareToViewNotifications = () => {
                   </a>
                 </TooltipTrigger>
                 <TooltipContent>
-                  <p>Edit Settings</p>
+                  <p>Edit Notification Settings</p>
                 </TooltipContent>
               </Tooltip>
             </TooltipProvider>