Desktop-First Shortly Landing Page with React and Sass

I would like to get feedback on these areas:

• My animation-based success feedback when the user enters a URL to shorten. I implemented it so that when the URL is successfully shortened, it will show up in the list with some animation. What do you think of this from user experience perspective?

• For the validation message that appears when the user is entering invalid URL (i.e. empty or invalid URL format) I am using absolute positioning to put the validation message right below the input field: https://github.com/waleed-alfaifi/url-shortening-app/blob/4ed14fc746031e68dd0e192262881d09c7430039/src/sass/components/_shorten.scss#L23 I personally did not like how I did it but that was the only way I could do it given my way of laying out the shorten section. I am interested in knowing your opinions on how I could do it in a better/more flexible way instead of absolute positioning? Or maybe it is fine to use absolute positioning in this case?

• Finally, a React concern. As you can see, I am initializing clipboard.js (which I use for copying URLs to clipboard) in the Shorten component: https://github.com/waleed-alfaifi/url-shortening-app/blob/4ed14fc746031e68dd0e192262881d09c7430039/src/components/Shorten.js#L30 Do you think this hurts performance and I should have initialized in the index.js file or even the App component to reduce number of initializations? Am I over thinking it or maybe my way of thinking about is wrong in the first place?

I really appreciate your invaluable feedback. Thank you in advance.