fix: resolve merge conflict in list page

src/views/authenticated/List.tsx

@@ -80,9 +80,12 @@ export function List({ data: unfilteredListItems, listPath }: Props) {
 				<header>
 					<h2 className="ListName p-1 m-2 mt-2">{listName}</h2>
 				</header>
-  	    <section className="AddItemForm">
-						<AddItemForm listPath={listPath} data={unfilteredListItems || []} />
-					</section>
+
+				<section className="AddItemForm">
+					<section />
+					<AddItemForm listPath={listPath} data={unfilteredListItems || []} />
+				</section>
+
 				<section className="list-functions mt-3 d-flex  sticky-top align-items-center justify-content-center">
 					{unfilteredListItems.length > 0 && (
 						<FilterListInput
@@ -93,7 +96,6 @@ export function List({ data: unfilteredListItems, listPath }: Props) {
 				</section>
 
 				<section ref={viewListRef}>
-
 					<section className="ListItemCheckBox">
 						{filteredListItems.map((item) => (
 							<ListItemCheckBox key={item.id} item={item} listPath={listPath} />
@@ -102,12 +104,10 @@ export function List({ data: unfilteredListItems, listPath }: Props) {
 				</section>
 			</div>
 
-
 			<ShareListForm listPath={listPath} />
 			<Button className="d-md-none mt-3" onClick={scrollToViewList}>
 				{"View List"}
 			</Button>
 		</Container>
-
 	);
 }