Truncate long text with "..." and show full text when tapped

Let long text wrap to multiple lines instead of truncating

Make the text area scrollable for long content

Add 16pt spacing between all elements in the form.
Ensure nothing overlaps.

Align all form labels to the left edge and all
input fields to have matching leading edges.

Respect safe areas on all screens. Content should not
appear under the notch, dynamic island, or home indicator.

When the keyboard appears, scroll or adjust the view so
the active text field is visible above the keyboard.

Add 12pt vertical padding inside each list item.
Add 8pt spacing between list items.
Use a subtle separator or slight background difference between items.

Save [data type] using SwiftData so it persists when
the app is closed and reopened.

Save user preferences using UserDefaults.

Add swipe-to-delete gesture on list items.
Show confirmation before deleting.

Add a trash button to each item that deletes it after confirmation.

Show a loading spinner while data is being fetched.

Load the first 20 items immediately, then load more as the user scrolls.

Search should filter by [title/name] and [description/content].
Search as the user types (debounced).
Show "No results for [query]" when nothing matches.

Add a back button in the top-left that returns to the previous screen.
Also enable the swipe-from-edge gesture to go back.

Keep the tab bar visible on all main screens.
Only hide it for modal presentations and detail views.

Add a close button (X) in the top-right corner of the modal.
Also allow swiping down to dismiss.

Use lazy loading for the list. Only render items
that are visible on screen.

Resize and cache images. Don't load full-resolution
images for thumbnails.

Move heavy work off the main thread.
Show loading indicators for async operations.

I'm getting connection errors to Supabase.
My URL is [url] and I'm using the anon key.
Can you verify the connection setup?

Data isn't saving to Supabase. I've checked RLS policies
and the user is authenticated. Can you add error logging
to see what's happening?

Authentication is failing. The error is [error].
Show me what's happening and add proper error messages.

Real-time updates aren't working. When I change data
in Supabase dashboard, the app doesn't update.

The API call is failing. Add logging to show:
- The request URL and parameters
- The response status code
- The error message

Log the raw API response so I can see the data structure.
The data isn't displaying correctly.

The API returns data like this: [structure].
Update the model to match this format.

Make sure camera permission is requested with a
clear usage description.

Check that images are in the asset catalog and
using the correct names.

Use AsyncImage for loading remote images.
Show a placeholder while loading.
Handle the error case if the image fails to load.

Resize images to appropriate display size before storing.
Use thumbnails for lists and grids.
Load full-resolution only when viewing full screen.

The app crashes immediately on launch.
Add a try-catch around initialization code
and log any errors that occur.

The [button] doesn't do anything when tapped.
Add a print statement to confirm the tap registers,
then check what happens in the action.

When [data] changes, the UI doesn't update.
Make sure the state is properly observed and
the view refreshes when it changes.