Refactor word lists

[apmwebdev]

The word lists currently use column-count to fit the words into multiple columns, but this isn't powerful or configurable enough.

Word lists should have the following configuration:

• Columns of a specific width, clamped to be within a certain range rather than a fixed value.
• Words truncated with an ellipsis if they're wider than a certain width. This should only cut off very long words. Most words should be able to be seen in their entirety.
• A specific number of columns visible within the word list container without scrolling, dynamic based on the width of the columns and the container.
• The individual columns for the list will likely need to be grid or flex items. Each segment of the list will therefore need to be determined before rendering, meaning that the full list will need to be split up into sub-lists for each segment. Currently, the columns are 15 words, but this can likely be made to be dynamic in some way, depending on the viewport or container height.
• The horizontal scroll bar should show up consistently when the list container can be scrolled. It doesn't do this currently. The Radix ScrollArea seems buggy in this regard and may not be usable as a result, but it might work better if the columns are grid or flex items (i.e., distinct elements that are added) rather than column-count columns.