semantic markup update

frontend/src/routes/settings/connections/+page.svelte

@@ -10,11 +10,17 @@
 
     let listComponent;
 
+    // [DEF:handleSuccess:Function]
+    /* @PURPOSE: Refreshes the connection list after a successful creation.
+       @PRE: listComponent must be bound.
+       @POST: Triggers the fetchConnections method on the list component.
+    */
     function handleSuccess() {
         if (listComponent) {
             listComponent.fetchConnections();
         }
     }
+    // [/DEF:handleSuccess:Function]
 </script>
 
 <div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">