fix(Personal): Remove the background color of all Tabs on personal home page

ui/config-overrides.js

@@ -29,18 +29,18 @@ module.exports = {
   devServer: function(configFunction) {
     return function(proxy, allowedHost) {
       const config = configFunction(proxy, allowedHost);
-      config.proxy = {
-        '/answer': {
+      config.proxy = [
+        {
+          context: ['/answer', '/installation'],
           target: process.env.REACT_APP_API_URL,
           changeOrigin: true,
           secure: false,
         },
-        '/installation': {
+        {
+          context: ['/custom.css'],
           target: process.env.REACT_APP_API_URL,
-          changeOrigin: true,
-          secure: false,
-        },
-      };
+        }
+      ];
       return config;
     };
   }

ui/src/pages/Users/Personal/components/Answers/index.tsx

@@ -18,7 +18,9 @@ const Index: FC<Props> = ({ visible, data }) => {
     <ListGroup variant="flush">
       {data.map((item) => {
         return (
-          <ListGroupItem className="py-3 px-0" key={item.answer_id}>
+          <ListGroupItem
+            className="py-3 px-0 bg-transparent"
+            key={item.answer_id}>
             <h6 className="mb-2">
               <a
                 href={pathFactory.answerLanding({

ui/src/pages/Users/Personal/components/Comments/index.tsx

@@ -17,7 +17,9 @@ const Index: FC<Props> = ({ visible, data }) => {
     <ListGroup variant="flush">
       {data.map((item) => {
         return (
-          <ListGroupItem className="py-3 px-0" key={item.comment_id}>
+          <ListGroupItem
+            className="py-3 px-0 bg-transparent"
+            key={item.comment_id}>
             <a
               className="text-break"
               href={

ui/src/pages/Users/Personal/components/DefaultList/index.tsx

@@ -22,7 +22,7 @@ const Index: FC<Props> = ({ visible, tabName, data }) => {
       {data.map((item) => {
         return (
           <ListGroupItem
-            className="py-3 px-0"
+            className="py-3 px-0 bg-transparent"
             key={tabName === 'questions' ? item.question_id : item.id}>
             <h6 className="mb-2">
               <a

ui/src/pages/Users/Personal/components/Reputation/index.tsx

@@ -19,7 +19,9 @@ const Index: FC<Props> = ({ visible, data }) => {
     <ListGroup variant="flush">
       {data.map((item) => {
         return (
-          <ListGroupItem className="d-flex py-3 px-0" key={item.object_id}>
+          <ListGroupItem
+            className="d-flex py-3 px-0 bg-transparent"
+            key={item.object_id}>
             <div
               className={`me-3 text-end ${
                 item.reputation > 0 ? 'text-success' : 'text-danger'

ui/src/pages/Users/Personal/components/Votes/index.tsx

@@ -18,7 +18,9 @@ const Index: FC<Props> = ({ visible, data }) => {
     <ListGroup variant="flush">
       {data.map((item) => {
         return (
-          <ListGroupItem className="d-flex py-3 px-0" key={item.object_id}>
+          <ListGroupItem
+            className="d-flex py-3 px-0 bg-transparent"
+            key={item.object_id}>
             <div
               className="me-3 text-end text-secondary flex-shrink-0"
               style={{ width: '80px' }}>