<!--
         __                        ___________________________________
       _( _)_                     /    keep it small...               \
      ( _) ( )            _____  |       small PRs = faster reviews    |
     (_)    (_)          @@@@@@@ |    big PR = i aint reading allat    |
   __/     . |          @@@  .|_  \ __________________________________/
 /    \  --\_) _________@@(    _) |/                  | |         |
|   /\  \__/)-/_______(@@@@__-/                       | |        |'
|--|**|\__ --|        (___)   \___ /\  ##             !_!-v----v-"
|*****|__ |____________| \    |  /    \##    __--"""i i""""""""""i
 \*(#####)  ||      ||    \___|____/\__##   !_______! !__________!
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

smaller PRs get reviewed faster but sometimes things get huge and it's okay
-->

### what does this do?

<!-- simple description, include the why -->

### type

- [ ] ✨ feature
- [ ] 🐛 bug fix / hot fix
- [ ] 🔧 refactor / folder restructure
- [ ] 📝 reliability / test / docs
- [ ] 💄 styling / components / ui / ux
- [ ] 🤓 typo / readability

### how to test this

<!-- include how you tested it and how you want the reviewer to test it -->

### standard compliance

- [ ] semantic HTML
- [ ] keyboard navigation works
- [ ] screen reader friendly
- [ ] N/A / no UI changes

### oath taking

- [ ] i tested it
- [ ] doesn't break existing stuff
- [ ] this is genuinely the smallest useful piece