[BUG] links in bio with markdown do not have any visual identification

[eddiejaoude]

Description

Links in the bio with markdown work but they don't have our app's link styles on it

I believe in order to make this work, the <a> tag will need to be overridden in react-markdown

Suggested by Dan #7152 (comment)

Screenshots

No response

Additional information

No response

[MAYANKpandey14]

Can you provide some screenshots Eddie

[MAYANKpandey14]

#7139 #7043 these issues conversations are locked . Kindly look into this.

[harshpatel-r]

Hey folks,

I'm new to open source contributions, but I understand backend development well. Although my main expertise is in backend, I also have enough knowledge of front-end development to solve this problem. I see this as a valuable opportunity to contribute as a front-end developer.

Could you please assign this issue to me? Thanks!

[ChinmayMhatre]

#7139 #7043 these issues conversations are locked . Kindly look into this.

I have unlocked these issues

[SaraJaoude]

#7139 #7043 these issues conversations are locked . Kindly look into this.

I have unlocked these issues

@ChinmayMhatre thank you! I forgot to unlock when I changed the labels.

[dan-mba]

I believe in order to make this work, the <a> tag will need to be overridden in react-markdown

[codingsagar]

Please can you assign this issue to me. So that I start to work on this issue asap.
Thanks

[MAYANKpandey14]

#7139 #7043 these issues conversations are locked . Kindly look into this.

I have unlocked these issues

Thank you Buddy @ChinmayMhatre

[badrivlog]

#7139 #7043 these issues conversations are locked . Kindly look into this.

I have unlocked these issues

@ChinmayMhatre thank you! I forgot to unlock when I changed the labels.

@SaraJaoude kindly unlock #7142 this issue also

[KushagraVarshney05]

@SaraJaoude @eddiejaoude I am new to opensource and would like to contribute. Can you assign this issue to me and provide some more details of this issue?

[SaraJaoude]

Hey folks,

I'm new to open source contributions, but I understand backend development well. Although my main expertise is in backend, I also have enough knowledge of front-end development to solve this problem. I see this as a valuable opportunity to contribute as a front-end developer.

Could you please assign this issue to me? Thanks!

@harshpatel-r as you were the first to request this I have assigned it to you

[eddiejaoude]

I believe in order to make this work, the <a> tag will need to be overridden in react-markdown

thanks @dan-mba I will add it to the issue description

[harshpatel-r]

Hi @eddiejaoude @SaraJaoude ,
I hope you're doing well. I've been working on the issue where the links in the bio with markdown work but they don't have our app's link styles on it.

I have made progress in resolving this issue, but I'm uncertain about the specific color to use for the links. To ensure consistency with our app's design, could you kindly provide me with the preferred color code to apply to the links style?

Thank you very much for your assistance. I appreciate your help!

[eddiejaoude]

I have made progress in resolving this issue, but I'm uncertain about the specific color to use for the links. To ensure consistency with our app's design, could you kindly provide me with the preferred color code to apply to the links style?

Great work @harshpatel-r !! Please can you use the Link component, then this will ensure consistency on the styles in the app now and in the future when we update the style https://github.com/EddieHubCommunity/LinkFree/blob/main/components/Link.js