Feat: Add ProfileSetting page #3221 (#3588)

### What problem does this PR solve?

Feat: Add ProfileSetting page  #3221
### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/tailwind.config.js

@@ -25,6 +25,10 @@ module.exports = {
         background: 'var(--background)',
         foreground: 'hsl(var(--foreground))',
         buttonBlueText: 'var(--button-blue-text)',
+
+        'colors-outline-sentiment-primary':
+          'var(--colors-outline-sentiment-primary)',
+
         primary: {
           DEFAULT: 'hsl(var(--primary))',
           foreground: 'hsl(var(--primary-foreground))',