Cleanup: Properties Panel (#7137)

## Summary

- Code cleanup
- Copy, padding, color, alignment of components
- Subgraph Edit mode changes
- Partial fix for the Node Info location (need to do context menu still)
- Editing node title

### Still to-do

- Bi-directionality in values

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7137-WIP-Cleanup-Properties-Panel-2be6d73d3650813e9430f6bcb09dfb4d)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

src/components/graph/selectionToolbox/InfoButton.vue

@@ -9,17 +9,17 @@
     severity="secondary"
     @click="onInfoClick"
   >
-    <i class="icon-[lucide--info] h-4 w-4" />
+    <i class="icon-[lucide--info] size-4" />
   </Button>
 </template>
 
 <script setup lang="ts">
 import Button from 'primevue/button'
 
-import { useSelectionState } from '@/composables/graph/useSelectionState'
 import { useTelemetry } from '@/platform/telemetry'
+import { useRightSidePanelStore } from '@/stores/workspace/rightSidePanelStore'
 
-const { showNodeHelp: toggleHelp } = useSelectionState()
+const rightSidePanelStore = useRightSidePanelStore()
 
 /**
  * Track node info button click and toggle node help.
@@ -28,6 +28,6 @@ const onInfoClick = () => {
   useTelemetry()?.trackUiButtonClicked({
     button_id: 'selection_toolbox_node_info_opened'
   })
-  toggleHelp()
+  rightSidePanelStore.openPanel('info')
 }
 </script>