feat: create UI components input and ShareHouse name input

[HrRn]

Overview

• Add the input component based on the design from Figma.

Changes

• Add input component from shadcn/ui
• Add input component with icon
• Style the design

Screenshots or videos

How to use the input component with an icon

import { PawPrint } from 'lucide-react';

<Input
  icon={<PawPrint className={'stroke-1 stroke-primary'} />}
  className="pr-12"
  type="text"
  placeholder="placeholder"
/>

Assignee Checklist:

• [x] The base branch is correct (no accidental merges)
• [x] The branch name follows our branch naming rules
• [x] The PR title follows our PR title rules
• [x] My code follows our coding style
• [x] I have commented on my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings or errors in the console

Reviewer Checklist:

• [ ] Code readability and simplicity
• [ ] Follows best practices and coding standards
• [ ] Understandable and maintainable code