feat: Add the design for the new tab component (#10261)

Co-authored-by: Pranav <pranavrajs@gmail.com>

.eslintrc.js

@@ -23,6 +23,7 @@ module.exports = {
         ],
         // Story files can have static strings, it doesn't need to handle i18n always.
         'vue/no-bare-strings-in-template': 'off',
+        'no-console': 'off',
       },
     },
   ],