fixed styling issues and fixed setParentLayout

src/components/header.js

@@ -1,8 +1,9 @@
 import { useEffect, useState } from "react"
 
 import { Select, Input, Button } from "antd"
-import { DownloadOutlined, DownOutlined } from "@ant-design/icons"
+import { CrownFilled, DownloadOutlined, DownOutlined } from "@ant-design/icons"
 import FrameWorks from "../constants/frameworks"
+import Premium from "../sidebar/utils/premium"
 
 
 const items = [
@@ -35,6 +36,13 @@ function Header({projectName, onProjectNameChange, framework, onFrameworkChange,
             />
             
             <div className="tw-ml-auto tw-flex tw-gap-2 tw-place-content-center">
+                <Premium className="tw-text-2xl tw-bg-purple-600 tw-text-center 
+                                    tw-w-[40px] tw-min-w-[40px] tw-h-[35px] tw-rounded-md 
+                                    tw-cursor-pointer tw-text-white 
+                                    tw-transition-all
+                                    hover:tw-scale-[1.2]">
+                        <CrownFilled />
+                </Premium>
                 <Input value={projectName} onChange={(e) => onProjectNameChange(e.target.value)} placeholder="project name"/>
                 <Button icon={<DownloadOutlined />} onClick={onExportClick}>
                     Export code