add types; fixup button order and style

src/components/menu/main-menu.tsx

@@ -21,12 +21,13 @@ import Button from "@components/elements/button";
 
 const menuLevelsToShow = 2;
 
-type Props =
-  Omit<StanfordBasicSiteSetting, "__typename" | "id" | "metatag"> & {
+type Props = {
   /**
    * Array of nested menu items.
    */
   menuItems: MenuItemType[];
+  sumSiteHeaderPrim: StanfordBasicSiteSetting["sumSiteHeaderPrim"];
+  sumSiteHeaderSec: StanfordBasicSiteSetting["sumSiteHeaderSec"];
 };
 
 const MainMenu = ({ menuItems, ...siteSettingsConfig}: Props) => {
@@ -101,8 +102,8 @@ const MainMenu = ({ menuItems, ...siteSettingsConfig}: Props) => {
       <div className={clsx(menuOpen ? "block" : "hidden", "lg:flex lg:justify-end lg:items-center bg-fog-light lg:bg-transparent absolute top-100 lg:relative z-10 w-full")}>
         <SiteSearchForm className="px-10 lg:hidden" />
         <div className="border-b border-spirited-light flex flex-col items-center mt-10 lg:hidden children:w-full children:centered">
-          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderPrim && <Button href={siteSettingsConfig.sumSiteHeaderPrim.url} secondary>{siteSettingsConfig.sumSiteHeaderPrim.title}</Button>}
-          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderSec && <Button href={siteSettingsConfig.sumSiteHeaderSec.url}>{siteSettingsConfig.sumSiteHeaderSec.title}</Button>}
+          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderSec && <Button href={siteSettingsConfig.sumSiteHeaderSec.url} secondary>{siteSettingsConfig.sumSiteHeaderSec.title}</Button>}
+          {siteSettingsConfig && siteSettingsConfig.sumSiteHeaderPrim && <Button href={siteSettingsConfig.sumSiteHeaderPrim.url}>{siteSettingsConfig.sumSiteHeaderPrim.title}</Button>}
         </div>
         <ul className="list-unstyled lg:flex lg:justify-end flex-wrap m-0 p-0">
           {menuItems.map((item) =>