fix: add import, update selected username on login, rounded star button

frontend/frontend/src/components/Card/SVG.js

@@ -14,6 +14,7 @@ import {
   useIsAuthenticated,
   useUserToken,
 } from '../../redux/selectors/userSelectors';
+import axios from 'axios';
 
 const SvgInline = (props) => {
   const [svg, setSvg] = useState(null);

frontend/frontend/src/pages/App/Header.js

@@ -91,7 +91,7 @@ const Header = ({ mode, stage, setStage }) => {
             >
               <button
                 type="button"
-                className="rounded-sm shadow bg-gray-200 hover:bg-gray-300 text-black px-3 py-1 flex items-center"
+                className="rounded-[0.25rem] shadow bg-gray-200 hover:bg-gray-300 text-black px-3 py-1 flex items-center"
               >
                 Star on
                 <GithubIcon className="ml-1.5 w-5 h-5" />

frontend/frontend/src/pages/Home/Home.js

@@ -51,6 +51,10 @@ const HomeScreen = ({ stage, setStage }) => {
 
   const [selectedCard, setSelectedCard] = useState('stats');
 
+  useEffect(() => {
+    setSelectedUserId(userId);
+  }, [userId]);
+
   // for stage three
   const [selectedStatsRank, setSelectedStatsRank] =
     useState(STATS_DEFAULT_RANK);