Editable avatar border colors

[RizkyRajitha]

currently avatar border color is hard coded to #fff color .

This has to be dynamic, so that the users can customize the color .

The new form input for color should be under the Colors tab in the dashboard

rough workflow

1. add new form Input with color type (use bootstrap), https://github.com/RizkyRajitha/linkin/blob/f92d38cb6eb07bcba3f445db568ccb76f50819f3/components/colorform.js#L99

and register it with the react-form-hook register method passed avatarBorderColor . destructure avatarBorderColor variable . (refer the existing implementation) https://github.com/RizkyRajitha/linkin/blob/f92d38cb6eb07bcba3f445db568ccb76f50819f3/components/colorform.js#L12

2. add new column to the pagedata relation in prisma with name avatarBorderColor and type String? @db.VarCharhttps://github.com/RizkyRajitha/linkin/blob/4f982b43707c20e8c55e7a98d5e800cdaae5199e/prisma/schema.prisma#L26 .

3. migrate the modified prisma schema prisma doc . (when migration dev you will need permission to create databases , if such problem occurs use docker postgres instance ).

4. destructure the new avatarBorderColor variable and the pass it to the styles
   https://github.com/RizkyRajitha/linkin/blob/4f982b43707c20e8c55e7a98d5e800cdaae5199e/components/linkinthebiopage.js#L161

5. test whether everything works.

[irffanasiff]

Can you assign this issue to me.

[RizkyRajitha]

hi @demonicirfan , you have assigned to #33 issue .

[davidzcode]

Hi, I would like to participate in this issue

[RizkyRajitha]

hi @davidzcode , appreciate your interest to contribute , i assigned this issue to you.

[RizkyRajitha]

@davidzcode
everything works great , i merged the pr and now it's live on dev branch 👌 .

[davidzcode]

Nice to hear that 🔥 Your explanation of workflow was very helpfully 😄