Update text alignment for better rtl support

[hichemfantar]

Change text alignment properties to improve consistency across navbar and pagination components.

[netlify]

✅ Deploy Preview for infima ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	b2654b4
🔍 Latest deploy log	https://app.netlify.com/sites/infima/deploys/6786579eb84e1a0008f92fe3
😎 Deploy Preview	https://deploy-preview-319--infima.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[slorber]

This change feels harmless but also not particularly useful considering our existing postcss rtl plugin already flips all non-logical properties

Does it have any effect in practice?
Demo: https://deploy-preview-319--infima.netlify.app/demo/

How does this improve consistency? Afaik we are almost not using logical properties anywhere so I'd say it makes things less consistent by introducing logical properties but only in a single place?

An example with the navbar

  margin: 0 0 0.2rem -0.5rem;
  padding: 0.6rem 1.5rem;
  text-align: left;
  top: -0.5rem;

If we want consistency + logical properties, it becomes:

  margin-block-start: 0;
  margin-block-end: 0.2rem;
  margin-inline-start: -0.5rem;
  margin-inline-end: 0;
  padding-block: 0.6rem;
  padding-inline: 1.5rem;
  text-align: start;
  inset-block-start: -0.5rem;

But then, CSS is heavier than if we just flipped everything with our PostCSS plugin.

[hichemfantar]

Alright, it makes sense to only rely on the plugin to do this. closing