repairing the streams names

frontend/src/components/analysis/EnergyDemands.tsx

@@ -118,7 +118,7 @@ export default function EnergyDemands() {
                 <summary>Hot streams selection</summary>
                 <div className="pa-multi-select">
                   {hotNames.map((name) => (
-                    <label key={name} className="pa-multi-option">
+                    <label key={name} className="pa-multi-option" title={name}>
                       <input
                         type="checkbox"
                         checked={demand.selected_heat_streams.includes(name)}
@@ -149,7 +149,7 @@ export default function EnergyDemands() {
                 <summary>Cold streams selection</summary>
                 <div className="pa-multi-select">
                   {coldNames.map((name) => (
-                    <label key={name} className="pa-multi-option">
+                    <label key={name} className="pa-multi-option" title={name}>
                       <input
                         type="checkbox"
                         checked={demand.selected_cooling_streams.includes(name)}

frontend/src/components/analysis/StreamSelector.tsx

@@ -78,7 +78,7 @@ export default function StreamSelector() {
                   if (info.type) parts.push(info.type.includes('Hot') ? '🔴' : '🔵');
 
                   return (
-                    <label key={key} className="pa-stream-item">
+                    <label key={key} className="pa-stream-item" title={streamName}>
                       <input
                         type="checkbox"
                         checked={checked}