footer redesign + layout flex fix

[moehdotdev]

this pr redesigns the application footer and improves the root layout structure to ensure proper vertical page flow. it introduces a more structured footer with navigation sections and ensures the footer stays at the bottom of the page when content is short.

footer redesign

new multi-column layout
the footer was redesigned from a simple inline row to a structured multi-column layout.

changes:

• introduced a grid-based footer structure
• added a brand section with the swap logo
• added a company links section
• prepared additional sections (legal and social/contact) for future use

the legal and social sections are currently commented out but structured for easy activation later.

branding updates
added the swap logo to the footer.

changes:

• imported logo asset
• displayed logo in the brand section
• added a tagline under the logo

tagline:
"Trade smarter, locally."

result:
the footer now reinforces the brand identity and improves visual hierarchy.

navigation links
organized footer navigation into logical groups.

current links include:

• about
• browse

structure allows additional categories such as legal or social links to be added without layout changes.

copyright section

dynamic year range
added a dynamic copyright system.

logic:

• defined a start year constant
• automatically expands the year range as the project grows

example:
2025–current year

additional credits
added a "designed and built by" attribution with a link to the developer profile.

layout styling improvements

footer bottom bar
added a separated bottom section with a top border.

features:

• copyright notice
• developer credit
• responsive layout (stacked on mobile, inline on larger screens)

layout structure fix

flex column layout
updated the root layout container to use a flex column structure.

changes:

• added flex and flex-col to the root layout wrapper

result:
the layout now supports a proper vertical structure:

header
main content
footer

this ensures:

• the footer stays at the bottom when pages have little content
• the layout behaves consistently across all pages

overall impact

this pr improves the overall layout and branding by:

• introducing a structured and scalable footer
• improving visual hierarchy and navigation organization
• ensuring the footer remains positioned correctly
• reinforcing branding through logo and tagline placement

these changes create a more complete and professional application layout.