Note, Tags, and Residents Column Formatting

[owen-sellner]

Notion task link

Notes Column Limitation
Tags Column
Residents Column Limitation

Implementation description

• Added formatting functions to LogRecordsTable.tsx
• Added extra null check in EditLog.tsx because of a TypeScript/eslint issue
• Fixed bug with table header where the options button overlapped the heading by adding a z-index value to tableStyles.tsx

Steps to test

1. Create new log records with 1 resident, 2 residents, 3 residents, and 4 residents
2. Create new log records with a note less than 150 characters and one greater than 150 characters
3. Create new log records with 1 tag, 2 tags, 3 tags, and 4 tags
4. Check that formatting for note, tags, and residents is correct

What should reviewers focus on?

• How many characters should be shown for the note?

Screenshot

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR
• If I have made API changes, I have updated the REST API Docs
• IF I have made changes to the db/models, I have updated the Data Models Page
• I have documented this PR in the Production Release Page
• I have updated other Docs as needed

[github-actions]

Visit the preview URL for this PR (updated for commit 6643a52):

https://blueprintsupportivehousing--pr208-owen-tags-column-j0i2cdc6.web.app

_{(expires Sun, 10 Dec 2023 20:57:44 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: f6bcdba7452bf82a6ec1a299c37d1bdff7870d09}

[connor-bechthold]

So I noticed the zIndex change may not have worked as intended:

Left a couple other small comments but otherwise really well done!!

[phamkelly17]

there's a bug though l.o.l

[connor-bechthold]

beauty