update language and arrows

frontend/src/components/process/ProcessGroupList.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import type { ProcessNode } from '../../types/process';
 import SubprocessCard from './SubprocessCard';
 import './ProcessGroupList.css';
@@ -45,6 +46,7 @@ export default function ProcessGroupList({
   expandedGroups = new Set(),
   onExpandedGroupsChange,
 }: Props) {
+  const { t } = useTranslation();
   const [infoExpanded, setInfoExpanded] = useState<Set<number>>(new Set());
   const [confirmDelete, setConfirmDelete] = useState<number | null>(null);
 
@@ -200,7 +202,7 @@ export default function ProcessGroupList({
                 {isPlacing ? 'Done' : 'Place'}
               </button>
 
-              <span className="pgl-badge">{subIdxs.length} sub</span>
+              <span className="pgl-badge">{subIdxs.length} {t('data_collection.sub_short')}</span>
 
               {confirmDelete === gIdx ? (
                 <span className="pgl-confirm">

frontend/src/components/process/SubprocessCard.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import type { ProcessNode } from '../../types/process';
 import type { Stream } from '../../types/stream';
 import StreamEditor from './StreamEditor';
@@ -35,6 +36,7 @@ export default function SubprocessCard({
   onPlaceRequest,
   placementTarget,
 }: Props) {
+  const { t } = useTranslation();
   const expanded = useUIStore((s) => s.expandedSubprocesses.has(subIdx));
   const setExpanded = (v: boolean) => useUIStore.getState().setSubprocessExpanded(subIdx, v);
   
@@ -148,7 +150,7 @@ export default function SubprocessCard({
           <div className="sp-tabs">
             {[
               { key: 'relationships', label: 'Relationships', color: '#2980b9' },
-              { key: 'streams', label: 'Streams', color: '#e74c3c' },
+              { key: 'streams', label: t('data_collection.streams'), color: '#e74c3c' },
               { key: 'notes', label: 'Notes', color: '#f39c12' },
             ].map((tab) => (
               <button
@@ -199,7 +201,7 @@ export default function SubprocessCard({
             <div className="sp-section">
               <div className="flex justify-between items-center mb-sm">
                 <span className="sp-section-title">
-                  Streams ({subprocess.streams?.length || 0})
+                  {t('data_collection.streams')} ({subprocess.streams?.length || 0})
                 </span>
                 <button className="btn btn-sm btn-primary" onClick={addStream}>
                   ➕ Add Stream

frontend/src/locales/de.json

@@ -62,7 +62,7 @@
     "title": "Stromauswahl",
     "help_desc": "Wählen Sie aus, welche Ströme (Wärmequellen oder -senken) in die Pinch-Analyse einbezogen werden sollen. Deaktivieren Sie Ströme, die derzeit inaktiv sind oder ausgeschlossen werden sollen.",
     "subprocess": "Sub",
-    "stream": "Strom",
+    "stream": "Ströme",
     "incomplete": "(unvollständige Daten)"
   },
   "energy_demands": {
@@ -77,5 +77,9 @@
     "cold_selection": "Auswahl kalter Ströme",
     "no_cold": "Keine kalten Ströme",
     "add_supply": "Versorgung hinzufügen"
+  },
+  "data_collection": {
+    "sub_short": "sub",
+    "streams": "Ströme"
   }
 }

frontend/src/locales/en.json

@@ -77,5 +77,9 @@
     "cold_selection": "Cold streams selection",
     "no_cold": "No cold streams",
     "add_supply": "Add Supply"
+  },
+  "data_collection": {
+    "sub_short": "sub",
+    "streams": "Streams"
   }
 }