feat!: typing indicator implementation

[HishamYahya]

No description provided.

[codecov]

Codecov Report

Merging #90 into main will decrease coverage by 0.17%.
The diff coverage is 5.40%.

@@            Coverage Diff             @@
##             main      #90      +/-   ##
==========================================
- Coverage   12.84%   12.67%   -0.18%     
==========================================
  Files          55       55              
  Lines        1479     1507      +28     
  Branches      364      359       -5     
==========================================
+ Hits          190      191       +1     
- Misses       1287     1315      +28     
+ Partials        2        1       -1     

Impacted Files	Coverage Δ
src/components/routes/chat/MessagesPanel.tsx	2.46% <0.00%> (-0.35%)	⬇️
src/components/routes/chat/ChatPanel.tsx	2.70% <7.69%> (+0.55%)	⬆️
src/components/routes/chat/ChannelsPanel.tsx	5.40% <0.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e7dd03b...3c5efdf. Read the comment docs.

[amishshah]

Sorry the review took so long! It works really well.

The only things I changed:

1. Styling of the "typing..." indicator (it's a lighter shade and there's a smaller gap between it and the user's name)
2. I changed the method of how you block typing events from being sent too frequently. Instead of using a boolean with timeouts to toggle it, it now uses a number storing the last timestamp a packet was sent. The previous implementation had a leak issue if the component unmounted for example, as a timeout could still be active. Instead of creating a separate effect to clean this up, I think this was the cleaner solution.