유저프로필 popover 구현

[handje]

Pull request

Related issue

Resolve #14 @handje

Motivation and context

• 사용자 아바타 클릭 시 , 사용자 정보, 수정버튼, 로그아웃버튼을 보여주는 popover 구현
• popover에 사용되는 Input / Label 구현

Solution

Popover

• PopoverTrigger : popover가 보여지도록 하는 버튼 or 아바타
• PopoverContent : popover가 눌렸을 때 보여지는 요소

<Popover>
  <PopoverTrigger>Open</PopoverTrigger>
  <PopoverContent>Place content for the popover here.</PopoverContent>
</Popover>

Label & Input

 <div className="flex w-full items-center space-x-2">
      <Label htmlFor='name'>Name</Label>
      <Input
        id='name'
        placeholder='Enter your name'
        disabled={false}
      />
</div>

How has this been tested

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the docs/CONTRIBUTING.md document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[KimKyuHoi]

LGTM