<!-- This is a pull request template, you do not need to uncomment or remove the comments, they won't show up in the PR text. -->

<!-- Your Pull Request name should start with one of the following tags
  [NEW] For new features
  [IMPROVE] For an improvement (performance or little improvements) in existing features
  [FIX] For bug fixes that affect the end-user
  [BREAK] For pull requests including breaking changes
  Chore: For small tasks
  Doc: For documentation
-->

<!-- Checklist!!! If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code. 
  - I have read the Contributing Guide - https://github.com/RocketChat/Rocket.Chat/blob/develop/.github/CONTRIBUTING.md#contributing-to-rocketchat doc
  - I have signed the CLA - https://cla-assistant.io/RocketChat/Rocket.Chat


  - Lint and unit tests pass locally with my changes
  - I have added tests that prove my fix is effective or that my feature works (if applicable)
  - I have added necessary documentation (if applicable)
  - Any dependent changes have been merged and published in downstream modules
-->

## Proposed changes (including videos or screenshots)
<!-- CHANGELOG -->
<!--
  Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request.
  If it fixes a bug or resolves a feature request, be sure to link to that issue below.
  This description will appear in the release notes if we accept the contribution.
-->

<!-- END CHANGELOG -->

## Issue(s)
<!-- Link the issues being closed by or related to this PR. For example, you can use #594 if this PR closes issue number 594 -->

## Steps to test or reproduce
<!-- Mention how you would reproduce the bug if not mentioned on the issue page already. Also mention which screens are going to have the changes if applicable -->

## Further comments
<!-- If this is a relatively large or complex change, kick off the discussion by explaining why you chose the solution you did and what alternatives you considered, etc... -->


Co-authored-by: Tasso Evangelista <2263066+tassoevan@users.noreply.github.com>

<!-- This is a pull request template, you do not need to uncomment or remove the comments, they won't show up in the PR text. -->

<!-- Your Pull Request name should start with one of the following tags
  [NEW] For new features
  [IMPROVE] For an improvement (performance or little improvements) in existing features
  [FIX] For bug fixes that affect the end-user
  [BREAK] For pull requests including breaking changes
  Chore: For small tasks
  Doc: For documentation
-->

<!-- Checklist!!! If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code. 
  - I have read the Contributing Guide - https://github.com/RocketChat/Rocket.Chat/blob/develop/.github/CONTRIBUTING.md#contributing-to-rocketchat doc
  - I have signed the CLA - https://cla-assistant.io/RocketChat/Rocket.Chat


  - Lint and unit tests pass locally with my changes
  - I have added tests that prove my fix is effective or that my feature works (if applicable)
  - I have added necessary documentation (if applicable)
  - Any dependent changes have been merged and published in downstream modules
-->

## Proposed changes (including videos or screenshots)
<!-- CHANGELOG -->
<!--
  Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request.
  If it fixes a bug or resolves a feature request, be sure to link to that issue below.
  This description will appear in the release notes if we accept the contribution.
-->

<!-- END CHANGELOG -->

## Issue(s)
<!-- Link the issues being closed by or related to this PR. For example, you can use #594 if this PR closes issue number 594 -->

## Steps to test or reproduce
<!-- Mention how you would reproduce the bug if not mentioned on the issue page already. Also mention which screens are going to have the changes if applicable -->

## Further comments
<!-- If this is a relatively large or complex change, kick off the discussion by explaining why you chose the solution you did and what alternatives you considered, etc... -->

Co-authored-by: Tasso Evangelista <2263066+tassoevan@users.noreply.github.com>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

* Correct directory capitalization

* Move some message blocks

* Move some message blocks

* Move some elements

* Move some elements

* Segregate message and thread preview at top-level

* Add `ColorElement`

* Add `MessageBodyPreview`

* Detach markup from message

* Cascade some markup styles

* also render origin

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* Invisible to Offline

* accomodate #25265  (Convert to tsx)+

* Rename UserStatusMenu.js to UserStatusMenu.tsx

* Use correct file path

Co-authored-by: Debdut Chakraborty <debdut.chakraborty@rocket.chat>
Co-authored-by: dougfabris <devfabris@gmail.com>

Co-authored-by: julia foresti <juliaforesti@julias-MacBook-Pro.local>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

* Fix odd typechecking issues with JSON modules

* Avoid `data` as directory for modules

* rename other `data` folder

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* fix: default margins for outer quote

* fix: Removing condition to style differently the inner quote

* fix: updating yarn.lock

* [FIX] useCurrentChatTags is not a function

* add comment

* fix(MessageAttachment): Pinned Message display

* fix: fixing yarn lock file

* fix: adding white space style to Pinned Messages

* fix: sending yarn.lock

* review

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* use new list component

* Fix Message lists and line breaks

* Remove unecessary check from plaintext

* skip empty text

* remove parser from server

* Fix components order

* disable playwright

* update

* Fix parser version and wrong import

* Match versions

* Move actual `dependencies` from `devDependencies`

* revert playwright

* revert

* Remove a few components

* change version to next

Co-authored-by: Tasso Evangelista <tasso.evangelista@rocket.chat>

* update fuselage

Co-authored-by: Tasso Evangelista <tasso.evangelista@rocket.chat>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

Co-authored-by: Ramon Souza <ramon.souza@objective.com.br>

* Convert UserStatusMenu component to typescript

* change ref type

* review suggestions

* Remove explicit generic type

Co-authored-by: Tasso Evangelista <tasso.evangelista@rocket.chat>

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>

* fix: custom emoji size

* fix: emoji rendering undefined

* fix: add parser to message thread preview

* refactor: replace css property to css in js

* fix: lint

* refactor: change to is span

* refactor: add message render component

* update emoji component

* fix: remove duplicate css import

* fix: remove disable emoji props and add custom style

* fix: remove unsued props

* fix: render emoji render if not find emoji

* fix: replace conditional

* fix: remove conditional

* fix: undo changes on big

* Use fuselage

* Add missing changes

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* fix: render empty line

* remove style

* add small comment

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* fix: add stop propagation on open thread

* Fix type

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* feat: add katex render to message react

* fix: add boolean to type

* fix Review

* fix: review

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>
Co-authored-by: dougfabris <devfabris@gmail.com>

Co-authored-by: gabriellsh <gabriel.henriques@rocket.chat>

* fix: UserCard sanitization

* chore: fix customStatus margin

Co-authored-by: Guilherme Gazzo <guilhermegazzo@gmail.com>