I can see from the screenshot an input field with placeholder text "Enter purpose of use" - this is the "Verwendungszweck" field. You want the text entered in this field to be displayed below it in the transaction details popup that appears when "show details" is pressed.

Let me find this field and update the code:

The field is in transaction-detail-modal.tsx. Let me read that file to understand the structure:

I can see the modal component displays the "Verwendungszweck" (purpose) as read-only text. Now I need to find where the input field with id="account-verwendungszweck" is located. It's likely in a form or editing component. Let me search more specifically:

Found it! The input field is in company-balance-section.tsx. Let me search for it in that file:

I found the field. It uses state accountVerwendungszweck. Now I need to:

1. Add a state variable to store this value
2. Display it below the input field
3. Pass it to the transaction details modal so it appears in the popup

Let me first check if this state already exists:

Good! The state already exists. Now I need to add a display below the input field that shows the value. Let me read the area around the input to see where to add this:

Now I'll add a display below the input field to show the entered text:

I've added a display below the "Verwendungszweck" input field that shows the text you've entered. The display appears in a blue-tinted box below the input field only when there's text entered, showing exactly what was typed in real-time.

I can see from the screenshot that this is inside the transaction detail modal. You want the "Verwendungszweck" (purpose of use) text that you enter in the main form to be displayed in the transaction details popup when you click "show details".

Let me find the transaction detail modal and update it to display this information:

I can see the modal displays transaction?.purpose in the "Verwendungszweck" field. Now I need to update the code that opens this modal to pass the accountVerwendungszweck value from the company-balance-section. Let me check how the modal is being opened:

I see the modal is being called with selectedTransactionDetail on line 632. The issue is that accountVerwendungszweck is stored in company-balance-section.tsx, but konten-detail-view.tsx doesn't have access to it. I need to pass this value through localStorage or as a prop. Let me update company-balance-section.tsx to also save the accountVerwendungszweck to localStorage, so it can be retrieved in the modal:

Now I'll update the code to save the accountVerwendungszweck to localStorage and retrieve it when the transaction details modal opens:

Now I need to update konten-detail-view.tsx to retrieve the saved accountVerwendungszweck when opening the transaction details modal and pass it as the purpose field:

Now I'll update the modal opening code to include the stored purpose:

Now I need to update the other location where "show details" is called for past sales. Let me find that:

I've successfully implemented the feature. Here's what I did:

1. Updated the input field in company-balance-section.tsx to save the "Verwendungszweck" (purpose of use) text to localStorage whenever the user types in it.
2. Updated both modal opening calls in konten-detail-view.tsx to retrieve the saved purpose from localStorage and pass it to the transaction detail modal. When "show details" is clicked, the modal now displays the purpose of use that was entered in the main form.

Now when you enter text in the "Purpose of Use" field on the main home screen and click "show details" on any transaction, that purpose will be displayed in the "Verwendungszweck" section of the transaction details popup.