[StaffScreen] center title when small state in LargeTopAppBar

[kosenda]

Issue

• close Center align title in Staff screen app bar when it's in small state #228

Overview (Required)

• Use ScrollBehavior.state.collapsedFraction so that the title is centered on the screen when the TopAppBar is collapsed.
• The 0.7f..1.0f and 0.0f..0.5f are set to values that looked good after trying them out.

Things I tried that didn't work

• I thought I could set requiredWidth(screenWidth) to modifier using LocalConfiguration.screenWidth.dp in the title text, but it was not possible because the padding was a little to the right because of the size of the navigationIcon.

Movie

Before	After
Screen_recording_20240811_194420.mp4	Screen_recording_20240811_213956.mp4

[takahirom]

@kosenda Are there any points to address to make this PR ready?

[kosenda]

@takahirom
I'm trying to make the transition a little smoother 🙇
So, give me a little more time to try it!

[takahirom]

Just to let you know that you might refer to this implementation. 👀
#293

[kosenda]

@takahirom
Sorry for the delay. I'm now ready and open!
However, It looks quite different from 293, what do you think...?

[kosenda]

The same LargeTopAppBar is expected to be used in ContributorsScreen as well, so I have moved it.

[takahirom]

@nobonobopurin
Can I consult you about an animation? There are two implementations for centering the title. Do you have a preference for which animation you like?
#292
#293

[nobonobopurin]

@takahirom
Thanks for reaching out. Animation #292 is closer to what I had in mind.

[takahirom]

@nobonobopurin Thank you for your opinion! I'll use this PR's implementation

[takahirom]

Thank you for your patience and contribution!