chore(profile): sortable links

[poolsar42]

Description

Makes links sortable to be able to change their order for /$profile

• Closes chore(profile): make links draggable and save order #1384

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation website
• I have made corresponding changes to the literal docs
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[poolsar42]

https://codesandbox.io/s/l55bu?file=/src/App.jsx:90-104

[poolsar42]

make it after generic component is landed:

• change view of "add link" button as in figma
• fix z-index and make inner shadow outer shadow
• fix tooltip font and tooltip colors in desing systems
• doesn't show automatically empty input component for link. only when "add link" is clicked
• add pop-up component when users tries to go away with unsaved changes
• fix the bug when links are empty in /account loader

[poolsar42]

make it after generic component is landed:

• change view of "add link" button as in figma
• fix z-index and make inner shadow outer shadow
• fix tooltip font and tooltip colors in desing systems
• doesn't show automatically empty input component for link. only when "add link" is clicked
• add pop-up component when users tries to go away with unsaved changes
• fix the bug when links are empty in /account loader

• for unsaved changed modal component is created, but to block redirect we need to use feature that from this issue. it is only in prerelease now, probably will need to update react-router-dom
• z-index doesn't help for positioning dragged links. not sure how to make it, open to any suggestions
• changing this tooltip font doesn't seem to be possible. probably need to re-implement this component other way cc: @Cosmin-Parvulescu (probably this can be helpful)