Quote & Pullquote block: Update symbol position

[carolinan]

Partial fix for #549
Fixes #835

Summary

When the quote block has right aligned text:
Hides the original, left aligned quote symbol.
Places a new quote symbol left of the text itself.
Resets the absolute position for the pullquote block so that the symbol is above the text.

c1bf9a9 Fixes the position of the symbol on the front when the text has the default alignment.

Also: Removes the left border that is visible on the default quote on the front.

Relevant technical choices:

Test instructions

This PR can be tested by following these steps:

1. Add two quotes blocks.
2. Align one of quotes to the right.
3. Confirm that the default block and the right aligned block matches, except the text is right aligned.

Screenshots

Editor:
Before

After

---

Front:
Before

After:

---

It does not fix the position of the symbol for "classic" quotes:

Quality assurance

• I have thought about any security implications this code might add.
• I have checked that this code doesn't impact performance (greatly).
• I have tested this code to the best of my abilities
• I have checked that this code does not affect the accessibility negatively

[aristath]

In a previous PR it was mentioned that the symbol should not have position:absolute but instead be on the previous line: #787 (comment)
Did we decide to place it with postition:absolute instead? 🤔

[carolinan]

Can figma be updated to match the final design?

The editor and front needs to match, no matter wich style that is selected 🙂

[melchoyce]

What I'm seeing in the editor looks visually correct for the Quote block:

Only the Pullquote block styles should use quotation marks above the quote:

[carolinan]

What I'm seeing in the editor looks visually correct for the Quote block:

Is this image with the pr applied?
Because the symbol for the right aligned text is in the wrong position in this image.

[melchoyce]

No, this is without the PR.

[carolinan]

I suspect that if we change the position of the symbol for the classic/legacy quote, it will also affect the pull quote. I will test shortly.

[carolinan]

Editor: This is copy pasted so ignore the spacing between the blocks.

[carolinan]

Front

I did not include both the left aligned and right aligned solid pull quote in the screenshot, as you can see it is broken, but, this is not related to this pull request:

'

[ryelle]

Looks good, removes the border & fixes the quote alignment. The linter error in the checks is a false failure, this PR was created before the fix in #847