remove margin from certificate button and simplify tour completion state logic

Author: JeelRajodiya

app/components/CertificateButton/CertificateButton.module.css

@@ -1,6 +1,5 @@
 .certificateButton {
   font-size: small;
-  margin-right: 32px;
   display: flex;
   align-items: center;
   justify-content: center;

app/components/CodeEditor/CodeEditor.tsx

@@ -113,12 +113,6 @@ const EditorControls = ({
   outputResult: OutputResult;
 }) => {
   const router = useRouter();
-  const [isTheTourCompletedState, setIsTheTourCompletedState] = useState(false);
-
-  useEffect(() => {
-    setIsTheTourCompletedState(isTheTourCompleted());
-  }, []);
-
   return (
     <div className={styles.buttonsWrapper}>
       <Flex dir="row" gap="8px" alignItems="end">
@@ -137,7 +131,7 @@ const EditorControls = ({
           Reset
         </MyBtn>
       </Flex>
-      {!nextStepPath && isTheTourCompletedState ? (
+      {!nextStepPath ? (
         <CertificateButton />
       ) : (
         <MyBtn

app/components/OutlineDrawer/OutlineDrawer.tsx

@@ -42,7 +42,7 @@ export default function OutlineDrawer({
         <DrawerOverlay />
         <DrawerContent>
           <DrawerCloseButton />
-          <DrawerHeader display={"flex"} justifyContent={"space-between"}>
+          <DrawerHeader display={"flex"} justifyContent={"space-between"} paddingRight={12}>
             Outline
             <CertificateButton />
           </DrawerHeader>