feat: creates the header main funkhaus component

[Sveb]

Component Created: {filename}.vue

Stories: ~/stories/{filename}.stories.js

Spec: ~/stories/{filename}.spec.js

Notes:

{Any notes about what you built. How does it work? Anything missing?}

Checklist:

• I checked that it is working locally in the dev server
• I checked that it is working locally in the storybook
• I checked that it is working locally in the
  library-website-nuxt dev server
• I added a screenshot of it working
• UX has reviewed and approved this
• I assigned this PR to someone on the dev team to review
• I used a conventional commit message
• I assigned myself to this PR

[Copilot]

Pull Request Overview

This PR creates a new header component called HeaderMainFunkhaus for the Vue component library, providing a responsive navigation header with UCLA Digital Collections branding and hamburger menu functionality.

• Creates a new responsive header component with logo, navigation links, and mobile hamburger menu
• Implements corresponding SCSS styles for both desktop and mobile layouts
• Adds Storybook story for component documentation and testing
• Updates UCLA library design tokens to the latest version

Reviewed Changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
HeaderMainFunkhaus.vue	Main Vue component with logo, navigation slots, and hamburger menu integration
GlobalHamburger.vue	Hamburger menu component for mobile navigation toggle functionality
_header-main-funkahaus.scss	Responsive styles for the main header component including hover states and breakpoints
_global-hamburger.scss	Styles for the hamburger menu icon with animation states
HeaderMainFunkhaus.stories.js	Storybook story demonstrating component usage with sample navigation links
package.json	Updates UCLA library design tokens dependency to latest version

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (1)

packages/vue-component-library/src/styles/dlc/_header-main-funkahaus.scss:1

• The import path contains a spelling error. 'funkahaus' should be 'funkhaus' to match the correct file naming convention.

.header-main-funkahus,

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

There's a spelling error in the CSS class name. 'funkahus' should be 'funkhaus' to match the component name HeaderMainFunkhaus.

Suggested change

	.header-main-funkahus,
	.header-main-funkahus.dlc {
	.header-main-funkhaus,
	.header-main-funkhaus.dlc {

[Copilot]

The CSS class name 'header-main-funkahus' has a spelling error. It should be 'header-main-funkhaus' to match the component name and avoid style application issues.

[netlify]

❌ Deploy Preview for ucla-components-storybook failed. Why did it fail? →

Name	Link
🔨 Latest commit	d4be143
🔍 Latest deploy log	https://app.netlify.com/projects/ucla-components-storybook/deploys/68f7b84a55c2220008cbe683